Mixins
box
Sets the element size.
Shorthand for both inline-size and block-size properties.
Inline or block size value can be omitted using
null (preferable) or its alias n.Arguments
| Name | Type | Default | Description |
|---|---|---|---|
| $inline-size * | number | — | Inline size of the element. |
| $block-size | number | $inline-size | Block size of the element. |
Example
@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;
}