Миксины
box
Устанавливает размеры элемента.
Сокращённый вариант одновременной записи свойств inline-size и block-size.
Inline- или block-размер может быть пропущен используя
null (предпочтительно) или его псевдоним n.Параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
| $inline-size * | number | — | Inline-размер элемента. |
| $block-size | number | $inline-size | Block-размер элемента. |
Пример использования
@use 'more-sass' as more;
.element-one {
@include more.box(100px);
}
.element-two {
@include more.box(100px, 200px);
}
.element-three {
@include more.box(100px, null);
}
.element-four {
@include more.box(null, 200px);
}
.element-one {
inline-size: 100px;
block-size: 100px;
}
.element-two {
inline-size: 100px;
block-size: 200px;
}
.element-three {
inline-size: 100px;
}
.element-four {
block-size: 200px;
}