Pre-loader
Example
The pre-loader utility can be added to create a loading effect when content is being loaded. Below is two similar boxes where only one is using a the preloader utility.
Classes
Format: .u-preloader
| Modifiers | Description | Values |
Example
Classes
Format: .u-preloader__opacity--{1-9}
| Modifiers | Description | Values |
| opacity | Sets the opacity of the preloader overlay. | 1, 2, 3, 4, 5, 6, 7, 8, 9 |