Sizing
Sets height of element in percent
Sizing Height
Usage
/* Format */
.u-height--{size} {}
/* Examples & modifiers */
.u-height--25 {}
.u-height--50 {}
.u-height--75 {}
.u-height--100 {}
.u-height--auto {}
.u-height--unset {}| Modifier | Values | Description |
|---|---|---|
|
size
|
25, 50, 75, 100, auto, unset | Sets height of element in percent |
Supports responsive suffix (e.g. u-height--{size}@{sm, md, lg}).
Preview
Preview
Sizing Width
Usage
/* Format */
.u-width--{size} {}
/* Examples & modifiers */
.u-width--25 {}
.u-width--50 {}
.u-width--75 {}
.u-width--100 {}
.u-width--auto {}
.u-width--unset {}| Modifier | Values | Description |
|---|---|---|
|
size
|
25, 50, 75, 100, auto, unset | Sets width of element in percent |
Supports responsive suffix (e.g. u-width--{size}@{sm, md, lg}).
Preview
Preview