less/less.js

LESS detects @apply as variable (ISSUE)

Ouverte

#3 675 ouverte le 15 déc. 2021

 (5 commentaires) (0 réaction) (1 personne assignée)JavaScript (3 517 forks)batch import
bugfeature requestgood first issueup-for-grabs

Métriques du dépôt

Stars
 (16 977 étoiles)
Métriques de merge PR
 (Merge moyen 19j 1h) (15 PRs mergées en 30 j)

Description

I have a CSS code in Polymer3 component:

paper-textarea { --iron-autogrow-textarea: { @apply --app-font-monospace; }; }

When LESS compiles it, this block gets an error paper-textarea { --iron-autogrow-textarea: { ^ Variable @apply is undefined Error in D:\Projects\Teamatical\Website\src\Teamatical.Website\ClientApp\components-admin\fragments\dev-image-url.ts.css (line 13, column 27) Error: paper-textarea { --iron-autogrow-textarea: { ^ Variable @apply is undefined

I'm using Polymer3 and @apply function should be skipped somehow, for an example you could add an option for LESS compiler that @apply should be skipped (for other processors if any). Actually this extension adheres to the CSS @apply rule proposal: http://tabatkins.github.io/specs/css-apply-rule/

Reproduce: put portion of LESS file in to compiler (https://lesscss.org/less-preview/): :host { display: block; max-width: var(--app-page-width); } :host([should-show-tabs]) header { display: none; } paper-textarea { --iron-autogrow-textarea: { @apply --app-font-monospace; }; }

Guide contributeur