Пользовательские правила / исключения компилятора SASS
Я пишу Sass / CSS для программного обеспечения, которое имеет свою собственную систему шаблонов HTML / CSS. Выводимые CSS-файлы читаются, и любые переменные внутри преобразуются в правильные значения при построении шаблонов. Переменные выглядят как
{Тема = «my_var_key»};
Я хочу иметь возможность кодировать в Sass, но по-прежнему использовать пользовательские переменные программного обеспечения в выходном файле CSS.
Можно ли добавить пользовательские правила / исключения в компилятор sass, чтобы приведенная выше переменная была скомпилирована как есть?
Решение
Вы можете выводить сплошные строки в SASS, используя #{$variable}
$var: '{theme="my_var_key"}';
body{
color: #{$var};
}
Какие выводы:
body {
color: {theme="my_var_key"};
}
Это также может быть использовано в именах классов или идентификаторов. Например: .#{$var} выходы .{theme="my_var_key"}
Другие решения
Других решений пока нет …