📄️ Overview
The child element spacing styles allow you to modify the margin and/or padding for first-child and last-child elements.
📄️ First child margin
The first child margin styles allow you to modify the margins for the first child in an element.
📄️ First child padding
The first child padding styles allow you to modify the padding for the first child in an element.
📄️ First child spacing
The first child spacing styles allow you to modify the spacing (i.e. margin and padding) for the first child in an element.
📄️ Last child margin
The last child margin styles allow you to modify the margins for the last child in an element.
📄️ Last child padding
The last child padding styles allow you to modify the padding for the last child in an element.
📄️ Last child spacing
The last child spacing styles allow you to modify the spacing (i.e. margin and padding) for the last child in an element.
📄️ Variables
The size of the margin and padding are set using CSS variables. You will need to either import the cacao-css/dist/child-spacing/variables.css file into your CSS or set all of the variables with your own CSS.