📄️ Overview
The gutter styles handle the gaps between flexbox columns and rows. They can also be used for grids.
📄️ Horizontal and vertical gutters
These gutter styles handle the gaps between flexbox columns and rows. They can also be used for grids.
📄️ Horizontal gutters
These gutter styles handle the gaps between flexbox and grid columns.
📄️ Vertical gutters
These gutter styles handle the gaps between flexbox and grid rows.
📄️ Variables
The size of the gutters are set using CSS variables. You will need to either import the cacao-css/dist/gutter/variables.css file into your CSS or set all of the variables with your own CSS.