SCSS без селекторов: Использование препроцессора исключительно для генерации CSS-переменных и кастомизаций

Аннотация

В статье исследуется подход к использованию SCSS-препроцессора не для генерации готовых CSS-правил, а исключительно в качестве инструмента для создания и управления CSS-переменными (Custom Properties). Проводится сравнительный анализ традиционной методологии написания стилей и предложенной парадигмы «SCSS без селекторов» на примере реализации системы кастомизации (темной темы). Выполнена оценка производительности решений по таким критериям, как скорость переключения темы, время рендеринга страницы при различном количестве DOM-элементов и итоговый объем стилевых файлов. Результаты эксперимента демонстрируют значительное преимущество предлагаемого подхода: сокращение времени переключения темы до 2.5 раз, уменьшение объема кода на 56% и стабильный прирост производительности пересчета стилей на 22-24% при масштабировании числа элементов на странице.