There are a lot of CSS classes that you can use while writing your Vue templates. Very handy to ease the complexity of your VueModels and templates.
The list below is not complete. Also check the other CSS documentation pages like Typography, Visibility, Shadows, Positioning.
|User won’t be able to select DOM node along with its text|
|Applies CSS tweaks to make scroll work at its best on ALL platforms|
|Hides scrollbars on the DOM node|
|DOM element does not become a target of mouse events - clicks, hover and so on|
|The opposite of |
|Change mouse pointer on DOM element to look as if on a clickable link|
|Width and Height is set to 100%|
|Height is set to 100%|
|Width is set to 100%|
|Height is set to 100vh with top and bottom margins 0|
|Width is set to 100vw with left and right margins 0|
|Rotate by 45 degrees|
|Rotate by 90 degrees|
|Rotate by 135 degrees|
|Rotate by 180 degrees|
|Rotate by 205 degrees|
|Rotate by 270 degrees|
|Rotate by 315 degrees|
|Flip DOM element horizontally|
|Flip DOM element vertically|
|Removes any border|
|Applies a generic border radius based on theme|
There are two special CSS class named
group applies a small margin to all children DOM elements, while
generic-margin applies same margin to the respective DOM element (this varies with each theme).
The recommended way to go is by using CSS Flex Gutter though.