Современная, быстрая и удобная система управления сайтом

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

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

  • указывать различный цвет текста,
  • указывать фоновый цвет текста или блока,
  • задать внешний или внутренний отступ текста/блока,
  • можно добавлять самые разные бордюры,
  • для текста можно указывать размер,
  • и всё что вы увидите на странице с примерами.
Следует отметить, что старые версии MaxSite CMS используют UniCSS, который представляет собой «ядро» в виде Berry и дополнительную типографику. То есть UniCSS можно использовать без каких либо сторонних классов, поскольку содержит весь минимально необходимый набор для верстки. Но для верстки шаблонов лучше использовать именно Berry CSS, поскольку он без труда работает с любыми другими css-фреймворками.На сайте UniCSS содержатся примеры и подсказки по использованию, которые полностью совместимы с Berry CSS.

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

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

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

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