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;
}