Utilities Accessability Removes an elements visuals but is still accessible for screen readers. When using --focus modifier, the element will become visible when focused, allowing keyboard users to interact with it. Animation Pauses an animation. Aspect Ratio Adds an aspect ratio to an element. Border Sets the color of elements borders Border Radius The .u-rounded utility applies a standard border radius to an element, creating rounded corners. Clearfix Prevents breaking form use of float Color Applies given color as background Disabled Sets disabled style on element. Display Sets display state. Flex Where in flex-box to align, relative to extra space Float The direction in which to float Overflow Sets how to handle overflow Position Position an element absolute to a side of the ancestor stacking context. Preloader The .u-preloader--inner modifier applies the shimmer animation to the inner content of the element, allowing the outer structure to remain visible while the loading state is active. Shadow Applies a box-shadow to the element based on the specified level. Higher levels correspond to more pronounced shadows. Sizing Sets height of element in percent Spacing Selects side or axis Text Removes text decoration and prevents it from appearing on hover and focus. Use u-inherit-color to inherit text color from the parent. Text Align Decides which placement the text will have. Unlist Removes list styling Vertical Align Sets vertical alignment of an inline or table-cell box Visibility Sets visibility on element. Z Index Sets the z-index (value * 1000) of an element, top and bottom can be used to place the element on top/bottom of other elements.
