Загрузка...
Загрузка...
Нашли ошибку в reChecker? Опишите, что произошло, и укажите адрес страницы. Оставьте email или телефон — ответим после проверки.
Конвертируйте CSS в SCSS с вложенностью и переменными, или SCSS обратно в плоский CSS
Конвертируйте CSS в SCSS и обратно. Инструмент группирует вложенные селекторы, извлекает переменные для цветов и разворачивает SCSS-синтаксис в плоский CSS. Бесплатно, без регистрации, работает прямо в браузере.
Конвертация CSS → SCSS с группировкой вложенных селекторов
Автоматическое создание $переменных для повторяющихся цветов
Конвертация SCSS → CSS с разворачиванием вложенности
Обработка & (parent selector) в SCSS
Подстановка $переменных при обратной конвертации
Работает полностью в браузере, без отправки кода на сервер
SCSS — это расширение CSS с поддержкой переменных ($color), вложенных правил, миксинов и функций. SCSS компилируется в обычный CSS. Вложенность упрощает чтение стилей для компонентов, а переменные обеспечивают единообразие значений.
Руководства и советы по теме