Конвертер SCSS в CSS.

Преобразует вложенность SCSS в обычный CSS, анализируя блоки правил на основе отступов. Он объединяет вложенные селекторы с их родительскими (с учётом сокращения ссылки на родительский элемент через &), выводит каждое правило со свойствами и удаляет специфичные для SCSS возможности, такие как строчные комментарии и объявления $variable.

1. Вставьте SCSS в поле ввода. 2. Нажмите Convert, чтобы получить CSS в поле вывода. 3. Используйте Copy, чтобы скопировать результат. Если ввод пуст, появляется сообщение об ошибке.

Вложенные селекторы соединяются с родительским селектором пробелом, например .parent .child. Дочерний селектор, начинающийся с & (включая псевдоклассы вроде &:hover), присоединяется к родителю напрямую, без пробела. Объявления SCSS $variable заменяются комментарием /* $variable removed */, а любое оставшееся использование $name превращается в var(--variable), поэтому результат остаётся корректным CSS, даже если полноценное разрешение переменных не выполняется.