Миксины
padding
Сокращённый вариант записи свойства padding с возможностью пропускать значения.
Значения могут быть пропущены используя
null (предпочтительно) или его псевдоним n.Параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
| $values * | list | — | Значения свойства padding в стандартном порядке (top-right-bottom-left). |
Пример использования
@use 'more-sass' as more;
.element-one {
@include more.padding(10px);
}
.element-two {
@include more.padding(10px 20px 30px 40px); // or: @include more.padding(10px, 20px, 30px, 40px);
}
.element-three {
@include more.padding(null auto);
}
.element-one {
padding-block-start: 10px;
padding-block-end: 10px;
padding-inline-start: 10px;
padding-inline-end: 10px;
}
.element-two {
padding-block-start: 10px;
padding-block-end: 30px;
padding-inline-start: 40px;
padding-inline-end: 20px;
}
.element-three {
padding-inline-start: auto;
padding-inline-end: auto;
}