SCSS или sass в Drupal 7

посмотреть

Sass расшифровывается, как Syntactically Awesome Stylesheets. Это язык на основе CSS предназначенный для расширения его возможностей. SCSS (Sassy CSS) - версия синтаксиса языка близкая к чистому CSS. Синтаксис CSS является подмножеством синтаксиса SCSS. Да он избыточен по сравнению с sass, но упрощает переход.

Первая версия sass вышла в 2007 году, а я узнал о нем только в этом году. Какое упущение! Да и то случайно: скачал новую версию темы zen для drupal 7 и обнаружил в нем папку sass.

Что же добавляет sass/scss:

  • объявление переменных
  • операции над значениями переменных
  • вложения стилей
  • импорт sass файлов (со всеми переменными, примесями и т.п.)
  • mixins (примеси) - по сути объявление функций
  • наследование через оператор расширения (@extend)
  • можно получать один css на выходе

Чтобы компиллировать sass необходимо установить ruby.

Чтобы автоматически компиллировать sass можно установить compass и отслеживать папку через командную строку. К слову в теме zen все настройки уже есть. Нужно просто установить sass, compass и можно начинать работать.

вернуться назад