Grid
We prepared various custom classes for grid as we widely use it accross the all Eventival apps.
| Class | Effect |
|---|---|
elastic-grid--horizontal-30 |
Sets the elastic grid that minimal column width is 30rem |
elastic-grid--horizontal-20 |
Sets the elastic grid that minimal column width is 20rem |
elastic-grid--horizontal-15 |
Sets the elastic grid that minimal column width is 15rem |
elastic-grid--horizontal-12 |
Sets the elastic grid that minimal column width is 12rem |
elastic-grid--vertical |
Organizes items vertically with the deifned row gap |
elastic-grid--horizontal-2col |
Creates 2-column grid |
elastic-grid--horizontal-3col |
Creates 3-column grid |
Additional classes for grid:
| Class | Effect |
|---|---|
elastic-grid--horizontal-condensed |
Makes the gaps in the horizontal grid smaller |
elastic-grid--horizontal-gaps--small |
Makes the gaps in the horizontal grid really small |