...
Using the standard grid system to create layouts. Within a grid-row, the space is split up into columns of various widths.
Example
Class | Width |
|---|---|
| col-1-1 | 100% |
| col-1-2 | 50% |
| col-1-3 | 33.333% |
| col-1-4 | 25% |
| col-1-5 | 20% |
| col-1-6 | 16.667% |
| and so on... |
Within a row
You can use the class names in combination, for example 1/3 + 2/3, as long as the row essentially adds up to 100% you'll have symmetrical layouts.
...
- .css variables in your theme see Using .css variables in Scripts & Styles .css editor
- Icon classes see Icon Library
...