Устанавливаем SASS / SCSS препроцессор на Drupal 7

Что такое SASS можно прочитать, например, в википедии: http://ru.wikipedia.org/wiki/Sass

Наша задача сделать автоматическую компиляцию css файлов из sass/scss на лету в Drupal 7.

Для этого нам понадобятся модули:

и библиотека-компилятор PHPSass

Библиотеку распаковываем в sites/libraries/phpsass.

Модули устанавливаем и включаем Sassy core SASS+SCSS compiler. Он автоматом включит модуль Prepro и Libraries.

На странице отчеты -> отчеты о состоянии смотрим, чтобы был правильный статус «installed and up to date»

Теперь можно в info файл нашей темы добавлять sass и scss файлы:

stylesheets[all][] = sass/example.scss

Для проверки в файле можно написать что-нибудь вроде:

  1. $background: #ff0000;
  2.  
  3. body {
  4.   background: darken($background, 20%);
  5. }

В результате компиляции файл будет помещён в кеш и обновляться либо при сбросе Drupal Cash, либо при сбросе кэша Prepro или не будет кешироваться вовсе. Всё это, а так-же директория для кэша настраивается на странице admin/config/media/prepro