Align
- align-left
- text-align: left
- align-center
- text-align: center
- align-right
- text-align: right
Floating elements
- float-left
- float: left
- float-right
- float: right
- clear-left
- clear: left
- clear-right
- clear: right
- clear-both
- clear: both
Padding
- with-padding
- padding: 20px
- with-mid-padding
- padding: 10px
- with-small-padding
- padding: 5px
- no-padding
- padding: 0
Mouse events
This class disables mouse events on compatible browsers, a polyfill is provded in setup.js for others
- no-pointer-events
- pointer-events: none
Responsive classes
Those classes allow hiding or showing content depending on the active media query:
- only-on-mobile
- Shown only on mobile sizes
- only-on-tablet
- Shown only on tablet sizes
- only-on-desktop
- Shown only on desktop sizes
- hidden-on-mobile
- Hidden only on mobile sizes
- hidden-on-tablet
- Hidden only on tablet sizes
- hidden-on-desktop
- Hidden only on desktop sizes