Вызов смешанного файла SCSS с использованием Javascript
У меня три файла
.. icons.scss -> смешанный код
.. main.scss -> здесь я вызываю миксин, используя значок @include (имя)
.. main.js
Все до сих пор работает отлично, как и ожидалось. Но что если я захочу изменить значение name в mixin из файла JS?
Мы все знаем, что у нас есть несколько способов манипулировать CSS внутри JS.
Например: внутри моего JS я делаю что-то вроде:
document.getElementById("id").style = '@include icon(name2)';
Это не сработает, потому что я думаю, что JS ищет свойство и стоимость, но как это сделать? Есть ли способ?
2 ответа
Вы не можете использовать SCSS/SASS в JS напрямую. SASS это просто препроцессор CSS. Препроцессор CSS поможет вам написать поддерживаемый, ориентированный на будущее код, и он серьезно сократит количество CSS, которое вам придется писать.
Файлы SCSS компилируются в синтаксис CSS во время сборки, браузер не знает, как интерпретировать SCSS, он использует только CSS для стилей.
Я должен понизить ваш вопрос, кажется, вы не понимаете концепцию SCSS/CSS.
Вместо того, чтобы пытаться переопределить существующее свойство CSS, вы можете попытаться создать другой класс, который будет указывать на другой значок, и просто изменить имя класса.