Компонент Padding

Компонент Uikit 3 padding

Компонент Padding в UIkit 3

Коллекция служебных классов для добавления полей между элементами и их содержимым.

Как использовать компонент Padding в UIkit 3

Чтобы использования компонента добавьте один из следующих классов к элементу блока.

Класс Описание
.uk-padding Добавляет стандартные поля к элементу.
.uk-padding-small Добавляет небольшие поля к элементу.
.uk-padding-large Добавляет больше поля к элементу.
<div class="uk-padding"></div>
  • Идет бычок, качается, вздыхает на ходу: ох, доска кончается, сейчас я упаду!
  • <div class="uk-padding uk-background-muted uk-width-1-2@s">
        Идет бычок, качается, вздыхает на ходу: ох, доска кончается, сейчас я упаду!
    </div>

Удаление полей

Если вы хотите удалить отступы у элементов, используйте следующие классы:

Класс Описание
.uk-padding-remove Удаляет все отступы.
.uk-padding-remove-top Удаляет отступ сверху.
.uk-padding-remove-bottom Удаляет нижний отступ.
.uk-padding-remove-left Удаляет левый отступ.
.uk-padding-remove-right Удаляет правый отступ.
.uk-padding-remove-vertical Удаляет верхний и нижний отступы.
.uk-padding-remove-horizontal Удаляет левый и правый отступы.