📄️ Overview
The padding styles set paddinggs around elements.
📄️ Horizontal and vertical padding
These padding styles set the paddings on the top, right, bottom, and left sides of an element.
📄️ Horizontal padding
These padding styles set the left and right paddings.
📄️ Vertical padding
These padding styles set the top and bottom paddings.
📄️ Top padding
These padding styles set the top padding on elements.
📄️ End (right) padding
These padding styles set the end padding. In left-to-right languages this will set the right padding.
📄️ Bottom padding
These padding styles set the bottom padding on elements.
📄️ Start (left) padding
These padding styles set the start padding. In left-to-right languages this will set the left padding.
📄️ Variables
The size of the paddings are set using CSS variables. You will need to either import the cacao-css/dist/padding/variables.css file into your CSS or set all of the variables with your own CSS.