Настройка 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.
Это относится ко всем модулям фреймворка.