Небольшой компонент, который автоматически компилирует файлы SCSS в файл CSS c помощью библиотеки SCSSPHP и PHP-AUTOPREFIXER для Автопрефиксера.

Версии:

SCSS 1 (для MODX 2.8.5<)
SCSS 2 (для MODX 3.0.3<)

Параметры:

admin — Выполнить код для авторизованных;
[по умолчанию: 1 ]

fileCss — Путь к файлу CSS;
[по умолчанию: {assets_path}css/styles.css ]

fileScss — Список файлов SCSS;
[по умолчанию: {assets_path}scss/styles.scss ]

importPaths — Путь к файлам импорта;

outputStyle — Сжимать CSS?;
[по умолчанию: 1 ]

scssHash — Hash SCSS;
[по умолчанию: 1 ]

sourceMap — Сгенерировать Source Map;
[по умолчанию: 0 ]

autoprefixer — Автопрефиксер;
[по умолчанию: 1 ]

autoprefixerVendor — Список префиксoв;
[по умолчанию: IE,Webkit,Mozilla]

Инструкция:

Для работы данного компонента достаточно вставить сниппет в шаблон:
MODX:

[[!SCSS?
&admin=`1`
&fileCss=`{assets_path}css/styles.css`
&fileScss=`{assets_path}scss/styles.scss`
&importPaths=``
&outputStyle=`1`
&scssHash=`1`
&sourceMap=`0`
&autoprefixer=`1`
&autoprefixerVendor=`IE,Webkit,Mozilla`
]]

Fenom:

{'!SCSS'|snippet:[
'admin'=>'1',
'fileCss'=>'{assets_path}css/styles.css',
'fileScss'=>'{assets_path}scss/styles.scss',
'importPaths'=>'',
'outputStyle'=>'1',
'scssHash'=>'1',
'sourceMap'=>'0',
'autoprefixer'=>'1',
'autoprefixerVendor'=>'IE,Webkit,Mozilla'
]}

Ссылки:

1. Библиотека SCSSPHP
2. Библиотека PHP-AUTOPREFIXER
3. Документация по SCSS