Position
Summary
Sets the position of an element.
Classes
Format: u-position--type
This utlitiy is responsive and can be used like class="u-position--type@md"
| Modifiers | Description | Values |
| type | Selects what type of position to apply to element | static, relative, absolute, fixed, sticky |
Fixed
Summary
Position an element fixed to a side of the view.
Classes
Format: u-fixed--side
This utlitiy is responsive and can be used like class="u-fixed--side@md"
| Modifiers | Description | Values |
| side | Sets element fixed to a specified side | top, top-left, top-right, bottom, bottom-left, bottom-right, left, right |
Absolute
Summary
Position an element absolute to a side of the ancestor stacking context.
Classes
Format: u-absolute--side
This utlitiy is responsive and can be used like class="u-absolute--side@md"
| Modifiers | Description | Values |
| side | Sets element absolutely positioned to a specified side | top-left, top, top-right, roght, bottom-right, bottom, bottom-left, left |
Sticky
Summary
Positions element on the side of the view but only after user has scrolled past the element.
Classes
Format: u-sticky--side
This utlitiy is responsive and can be used like class="u-sticky--side@md"
| Modifiers | Description | Values |
| side | Stickies the element to the specified side. | top |