Настройка Berry CSS через Sass

В Berry CSS каждый модуль настраивается индивидуально.

Общие принципы

В каталоге каждого модуля присутствуют файлы _variables.scss с помощью которых можно его настраивать в широких пределах.

Каждая sass-переменная объявлена с помощью !default, что позволяет переопределять переменную без необходимости редактирования исходного файла Berry CSS. Например padding-отступы объявлены так:

$padding_list: 0, 3, 5, 6, 7, 8, 9, 10, 15, 20, 25, 30, 40, 50, 60, 70, 100 !default;

Их можно переопределить в своём sass-файле:

// override variable
$padding_list: 0, 10, 20, 60;

@import 'berry/berry';
...

Таким образом в своём проекте достаточно определить только те настройки, которые не совпадают с дефолтными Berry CSS.

Это относится ко всем модулям фреймворка.