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