Компонент Внутренний отступ
Коллекция вспомогательных классов для добавления промежутков между элементами и их содержимым. Добавление и удаление внутренних отступов. Руководство.
Компонент Padding позволит установить внутренние отступы (поля) со всех сторон элемента. Областью отступов / полей является пространство между содержанием элемента и его границей. При необходимости можно не добавить, а удалить поля от внешней границы элемента.
Padding: Добавление
Добавить внутренние отступы (поля)
Чтобы применить компонент Padding, добавьте один из следующих классов к элементу блока.
Класс | Описание |
---|---|
.uk-padding |
Добавляет к элементу внутренние отступы по умолчанию. |
.uk-padding-small |
Добавляет небольшие внутренние отступы к элементу. |
.uk-padding-large |
Добавляет большие внутренние отступы к элементу. |
Разметка. Пример использования
<div class="uk-padding"></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 |
Удаляются левый и правый отступы / поля. |