UI-компоненты
Система электронного документооборота и
автоматизации бизнес-процессов

UI-компоненты

Базовые компоненты

В Биткорп используется компонентный подход. Таким образом, любой компонент можно использовать в любом месте и на любых сраницах сайта.
Любые классы можно чередовать, получая нужные вариации шаблона.

Цвет текста

Основной цвет темы

Текст основного цвета

Второстепенный цвет

Текст второстепенного цвета

Белый текст

Текст белого цвета

Кнопки

Важная кнопка

Второстепенная кнопка

Кнопка с обводкой

Большая кнопка

Маленькая кнопка

Кнопка на всю ширину

Отступы

Сделать отступ очень просто. Достаточно указать буквенное обозначение и добавить параметр от 0 до 80

Внешние отступы

  • mt20 - соответствует margin-top: 20px
  • mb30 - соответствует margin-bottom: 30px
  • ml20 - соответствует margin-left: 20px
  • mr20 - соответствует margin-right: 20px

Внутренние отступы

  • pt20 - соответствует padding-top: 20px
  • pb20 - соответствует padding-bottom: 20px
  • pl60 - соответствует padding-left: 60px
  • pr40 - соответствует padding-right: 40px