# Width & Height
# Define the dimensions of your element in space-units to your elements
# @Width
- Mixin:
@include width($space-units)
# Width variants
- Min-width:
@include min-width($space-units) - Max-width:
@include max-width($space-units)
# Example
10 space-units width
20 space-units width
15 space-units width
Example element
.example-element-1 {
@include width(10);
}
.example-element-2 {
@include width(20);
}
.example-element-3 {
@include width(15);
}
# @Height
Mixin:
@include height($space-units)Mixin:
@include min-height($space-units)Mixin:
@include max-height($space-units)$value value defined in space-units
# Example
5 space-units height
10 space-units height
15 space-units height
Example element
.example-element-1 {
@include height(5);
}
.example-element-2 {
@include height(10);
}
.example-element-3 {
@include height(15);
}