ASPIRE Hue

Легкая, быстрая и очень функциональная.

2 оценки

4 899,51
9 999 BFCM −51%

Ваш отзыв
Установок
10+
Разработчик
Поддержка

В каждом блоке можно задать в поле Классы собственные значения, чтобы дать блоку больше отступов или сделать бордеры(обводку). В теме дизайна ASPIRE Hue используется Bootstrap 5 версии, в котором уже есть заготовленные классы.

Оформление:
  • bg-light - придаст фон блоку
  • border-top - обводка сверху блока
  • border-bottom - обводка снизу блока
Отступы:

Классы именуются в формате {property}{sides}-{size}

Где свойство - одно из:

  • m - для классов, которые устанавливают margin
  • p - для классов, которые устанавливают padding

Где стороны - одна из:

  • t - для классов, которые устанавливают margin-top или padding-top
  • b - для классов, которые устанавливают margin-bottom или padding-bottom
  • y - для классов, которые устанавливают оба *-top и *-bottom

Где размер - один из:

  • 0 - или классы, устраняющие margin или padding установив его на 0
  • 1 - (по умолчанию) для классов, которые устанавливают the margin или padding равным $spacer * .25
  • 2 - (по умолчанию) для классов, которые устанавливают the margin или padding равным $spacer * .5
  • 3 - (по умолчанию) для классов, которые устанавливают the margin или padding равным $spacer
  • 4 - (по умолчанию) для классов, которые устанавливают the margin или padding равным $spacer * 1.5
  • 5 - (по умолчанию) для классов, которые устанавливают the margin или padding равным $spacer * 3
  • auto - для классов, которые устанавливают margin равным авто

Примеры отступов:

  • py-5 (Внутренние отступы сверху и снизу), pt-5 (Внутренние отступы сверху), pb-3 (Средний внутренний отступ снизу)
  • my-2 (Отступ сверху и снизу), mb-1 (Маленький отступ снизу), mt-5 (Большой отступ сверху)