En una de las hojas de estilo SCSS de nuestro proyecto, importamos dos hojas de estilo de los componentes de WordPress Gutenberg
@import '@gutenberg-components/button/style.scss';
@import '@gutenberg-components/date-time/style.scss';
(@gutenberg-components
es un alias para ./node_modules/@wordpress/components/src
).
Estas hojas de estilo usan la función Sass darken
para algunos colores. Esto está bien cuando construimos nuestro CSS usando LibSass. Pero cuando usamos Dart Sass en su lugar, obtenemos este error:
SassError: This function isn't allowed in plain CSS.
╷
152 │ color: darken(#cacccd,10%);
el descaro documentos decir algo ambiguo sobre darken
.
Porque
darken()
Por lo general, no es la mejor manera de oscurecer un color, no se incluye directamente en el nuevo sistema de módulos. Sin embargo, si tiene que conservar el comportamiento existente,darken($color, $amount)
puede ser escritocolor.adjust($color, $lightness: -$amount)
.
Entiendo que esto significa que Dart Sass no transpirará darken
correctamente, y necesita reemplazarlo con color.adjust
si estás usando Dart Sass. ¿Es eso correcto?
Otra cosa confusa es que Gutenberg ya parece estar usando Dart Sass. Sin embargo, aparentemente no obtienen este error en su proyecto, porque todavía están usando darken
. ¿Cómo hacen que funcione para ellos?
.