less/less.js

LESS detects @apply as variable (ISSUE)

Aberta

#3.675 aberto em 15 de dez. de 2021

 (5 comentários) (0 reação) (1 responsável)JavaScript (3.517 forks)batch import
bugfeature requestgood first issueup-for-grabs

Métricas do repositório

Stars
 (16.977 estrelas)
Métricas de merge de PR
 (Mesclagem média 19d 1h) (15 fundiu PRs em 30d)

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; }; }

Guia do colaborador