Загрузка...
Загрузка...
Нашли баг, сбой или ошибку в работе reChecker? Есть предложение по улучшению? Напишите нам, чтобы мы проверили и исправили проблему в сервисе.
Конвертируйте CSS в SCSS с вложенностью и переменными, или SCSS обратно в плоский CSS
Конвертируйте CSS в SCSS и обратно. Инструмент группирует вложенные селекторы, извлекает переменные для цветов и разворачивает SCSS-синтаксис в плоский CSS. Бесплатно, без регистрации, работает прямо в браузере.
SCSS — это расширение CSS с поддержкой переменных ($color), вложенных правил, миксинов и функций. SCSS компилируется в обычный CSS. Вложенность упрощает чтение стилей для компонентов, а переменные обеспечивают единообразие значений.
При конвертации SCSS → CSS миксины (@mixin, @include) сохраняются как есть, так как для их раскрытия нужна полная SCSS-компиляция. Переменные и вложенность обрабатываются корректно.
Инструмент анализирует все цветовые значения (HEX). Если цвет встречается 2+ раз, для него создаётся переменная $color-N в начале файла, а все вхождения заменяются на эту переменную.
Абсолютно. Конвертация происходит полностью в вашем браузере. Код не отправляется на сервер и не сохраняется. Можно безопасно вставлять любые стили.
Руководства и советы по теме
Другие полезные сервисы reChecker