Display Utilities
Display
| Mixin | Purpose |
|---|---|
u-display("none")
|
Sets component display property to "none" |
u-display("block")
|
Sets component display property to "block" |
u-display("inlineBlock")
|
Sets component display property to "inline-block" |
Hidden
| Mixin | Purpose |
|---|---|
u-hidden("fully")
|
Completely hides a component, even from a screen reader |
u-hidden("visually")
|
Visually hides a component, but still screen reader accessible |
Utility Class
| Class name | Purpose |
|---|---|
is-srOnly
|
Utility class for u-hidden("visually"). Handy for supportive text
|