box

Устанавливает размеры элемента. Сокращённый вариант одновременной записи свойств width и height.

Значения могут быть пропущены используя null (предпочтительно) или его псевдоним n .

Параметры

ИмяТипПо умолчаниюОписание
$width *numberШирина элемента.
$heightnumber$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;
}