Как сделать SCSS, LESS, SASS из CSS или конвертер из CSS
Вспомните, как часто при покупке шаблона (или в любом другом случае, когда вам в наследство достается проект) вы расстраивались, что все стили лежат в css-файлах и думали насколько жизнь могла стать прекраснее при наличии SCSS. А ведь это не проблема и не стоит тратить нервные клетки. Сейчас расскажу про сервисы позволяющие переконвертировать css в нормальные файлы для работы.
На сайте csspre.com есть отличная подборка данных online-сервисов. Так, уж повелось, что с LESS я перешел на SASS, а с него на SCSS, поэтому я рассмотрю только конверторы из CSS to SCSS.
В качестве параметров оценки я выделил следующие возможности:возможность настроить табуляцию
- сохранение комментариев
- создание переменных цветов
- создание переменных шрифтов
- создание переменных изображений
- возможность настроить табуляцию
Вот, что получилось в результате:
| сохранение комментариев | создание переменных цветов | создание переменных шрифтов | создание переменных изображений | возможность настроить табуляцию | |
| BeautifyTools | ? | ? | ? | ? | ? |
| toki-woki.net/p/least (indent only) | - | - | - | - | + |
| fishsticss.com (indent and color vars only) | + | + | - | - | + |
| css2compass | - | + | + | + | + |
| css2scss | + | + | + | - | - |
Лично я пользуюсь fishsticss. Ну а чем пользоваться вам - решайте сами.