box
Устанавливает размеры элемента.
Сокращённый вариант одновременной записи свойств width
и height
.
Значения могут быть пропущены используя
null
(предпочтительно) или его псевдоним
n
.
Параметры
Имя | Тип | По умолчанию | Описание |
---|---|---|---|
$width * | number | — | Ширина элемента. |
$height | number | $width | Высота элемента. |
Пример использования
@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 {
width: 100px;
height: 100px;
}
.element-two {
width: 100px;
height: 200px;
}
.element-three {
width: 100px;
}
.element-four {
height: 200px;
}