Преобразование CSS в САСС (или МЕНЬШЕ)

Может кто-нибудь порекомендовать какой-нибудь CSS меньше, или CSS для sass инструментов преобразования? Я нашел несколько .e.g. http://css2less.cc/ и http://css2sass.herokuapp.com/, но любое понимание в их надежность (или рекомендации других инструментов). У меня есть большая база CSS-кода для решения с белой меткой, которая бы сильно выиграла от использования препроцессора CSS, но это была бы огромная задача для преобразования вручную в sass/less.

Заранее спасибо

EDIT: я должен подчеркнуть, что меня особенно интересует опыт использования инструмента (например, перечисленных выше (при отсутствии каких-либо лучших)) для преобразования большой базы CSS-кода в сторону использования препроцессора CSS, такого как SASS или менее. Или, если любые другие способы (кроме перечисленных инструментов) для достижения такого подвига являются прагматичными. Какие препятствия вы должны преодолеть? Стоит ли даже пытаться? Или такие метаязыки подходят только для нового проекта, где вы можете начать с нуля?

Ответ 1

Хорошая вещь о SASS заключается в том, что вам не нужно преобразовывать CSS в SASS, поскольку SASS является расширением CSS.

Просто скопируйте и вставьте, и вы хорошо пойдете.

Если вы хотите реорганизовать свой CSS в хорошо структурированные файлы SASS, это то, что я не думаю, что инструмент может сделать.

Ответ 2

Я отлично поработал с http://css2sass.heroku.com/. Вы также можете найти свою базу кода на github. Вы также можете конвертировать файлы напрямую с помощью инструмента sass-convert, который будет установлен оригинальным сассовым камнем. В основном это то, что делает css2sass.

Просто позвоните:

sass-convert -F css -T sass original_file.css converted_file.sass

Ответ 3

Это сообщение нуждается в следующих двух онлайн-инструментах, перечисленных для будущих зрителей.

Во-первых, я всегда буду запускать css через этот онлайн-инструмент, чтобы преобразовать его в более чистое сокращение css http://shrthnd.volume7.io/ - на самом деле никакого объяснения не требуется, просто делает его все более чистым и меньшим, если вы уже не привыкли писать свой css уже на этом пути.

Затем через этот онлайн-инструмент http://sebastianpontow.de/css2compass/ -Это действительно хороший инструмент для создания scss файлов из вашего css. Он преобразует все цвета в ваш предпочтительный формат, задает цветовые переменные и переменные шрифта и в целом дает вам хорошее представление об основах sass, просто видя, что он сделал с вашим css.

Единственное, что я заметил как не столь желательный во втором инструменте, - это то, что он называет семейства шрифтов, такие как $font_0: Open Sans; $font_1: Roboto Condensed; $font_2: arial; и т.д. Я всегда нахожу более интуитивным, чтобы называть их в краткой форме фактического шрифта, или настраивать имена 3-5, которые относятся к контенту, например $font_main, $font_sub, $font_callout, $font_titles или, как вы предпочитаете. Но это 30-секундное исправление, когда вы вставляете все это в свой новый scss файл:)

Ответ 4

Немного поздно, но недавно я нашел инструмент онлайн-конвертации:

http://css2sass.heroku.com/

Это помогло мне, хотя иногда отклоняло действительный css

Ответ 5

Я действительно нашел что-то сейчас: Leafo

Он выполняет базовое форматирование, например:

#header {
/* ... */
}

#header p {
/* ... */
}
to

#header {
/* ... */
p {
/* ... */
}
}

Надеюсь, что это поможет!

И если вы хотите проверить или что-нибудь, чтобы посмотреть sass на css, вы можете попробовать онлайн-сайт sass... Попробуйте Sass Online

Ответ 6

Мне нужно преобразовать CSS в SASS или LESS (в зависимости от проекта) довольно часто, чтобы мой код был чистым. Это инструмент, который я использую: http://csstoss.com/

Вы можете конвертировать CSS в SASS, SCSS или LESS в одном месте.

Надеюсь, что это поможет!