Использование Berry CSS

Berry CSS — это css-фреймворк, с помощью которого выполняется HTML-верстка вашего сайта. Вы сможете

• указывать различный цвет текста,
• указывать фоновый цвет текста или блока,
• задать внешний или внутренний отступ текста/блока,
• можно добавлять самые разные бордюры,
• для текста можно указывать размер и т.д.

Default-шаблон уже содержит все необходимые классы Berry CSS, поэтому вам скорее всего не придётся их настраивать или менять — мы просто будем их использовать.

В Default-шаблоне используется более старая версия Berry CSS.

Глядя на Berry CSS, у вас может возникнуть ощущение обилия классов. На самом деле вам не нужно их изучать, поскольку все они строятся по единым правилам с помощью префиксов и модификаторов.

В подавляющем большинстве случаев вы будете использовать классы текста (префикс t-), отступы mar (margin), pad (pagging), цвет фона bg- (background-color) и flex- для построения flex-сетки.

Поэтому ещё раз — вам не нужно запоминать классы Berry CSS — префиксы делают их интуитивно понятыми. Если у вас есть начальные знания CSS, то вы без труда сориентируетесь, тем более, что почти весь код я буду сопровождать описанием.