использовать @include внутри @include? Если да, то как? У меня не получилось.
2. Сейчас я делаю темизацию сайта(dark/light mode). Почти готово, но есть одно но. Возможно ли с помощью scss переменной динамически менять цвет в зависимости от переключения темы? Например создаю переменную $app-btn-text-color: #какой-то цвет.
Далее использую эту же переменную($app-btn-text-color) в любом файле, и при переключении темы эта переменная меняла бы свое значение, то есть цвет.
Миксины
Нет, его надо инклюдить, а мне нужна динамическая переменная
вложенные инклюды пропиши там же где и основной
scss - это же только процессор, на выходе он выдаёт готовый CSS - это происходит ДО того, как этот CSS попадёт к клиенту - как ты представляешь его изменение у клиента?
Так и загугли, theme switch sass - там миллион скриптов и т.д.
Миксин в миксин инклюди
поправьте меня, если ошибаюсь
Поправляю. Пишешь миксин и конвертишь переменные sass в переменные css, через скрипт запускаешь темы
да, я про первую часть этого текста - не знал про вторую
Значит это невозможно чтобы sass переменная меняла свое значение при переключении тем?
Сасс нет, есть рут и туда кладешь переменные и меняешь их
Так сасс же не понимает css-овский var. А у меня на проекте всп завязано на сасовских переменных
Странно, не думал что не понимает) Хотя вот что-то есть https://webformyself.com/kak-obedinit-funkcii-cvetov-sass-i-css-peremennye/
Там есть функция которая устраняет вар для того чтобы сасс понимал, надеюсь поможет. Спасибо)
надо переменные сасса объявить в руте и менять их
Не вышло. пишу так: str-replace(var(--app-bg-color), 'var('); str-replace(var(--app-bg-color), ')'); А выходит ошибка: SassError: $color: --app-bg-color) is not a color.
Обсуждают сегодня