Компонент Внутренний отступ

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

Компонент Padding позволит установить внутренние отступы (поля) со всех сторон элемента. Областью отступов / полей является пространство между содержанием элемента и его границей. При необходимости можно не добавить, а удалить поля от внешней границы элемента.

Добавление внутренних отступов/полей

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

Класс Описание
.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 Удаляются левый и правый отступы / поля.
Документация
Компоненты