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