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