Sections, Contianers & Columns
sp-section
sp-container
sp-65%
sp-35%
sp-60%
sp-40%
sp-60%
sp-40%
sp-container sp-container-padding
Grids
sp-grid-2col
sp-grid-2col sp-gridgap-1rem
sp-grid-2col sp-gridgap-2rem
sp-grid-2col sp-gridgap-3rem
sp-grid-2col sp-gridgap-4rem
sp-grid-3col
sp-grid-4col
sp-grid-2col-third
Wrappers
sp-wrapper
Padding
sp-padding-1rem
sp-padding-2rem
sp-padding-3rem
sp-padding-4rem
Display Flex
Add as needed, name as follows:
sp-flex-{direction}-{align}-{justify}
sp-flex-row-stretch-center
sp-flex-row-center-center
sp-flex-row-center-start
sp-flex-row-center-start
sp-flex-row-start-start
sp-flex-row-end-center
sp-margin-top-05rem
sp-margin-bottom-05rem
sp-margin-top-1rem
sp-margin-bottom-1rem
sp-margin-top-2rem
sp-margin-bottom-2rem
sp-margin-top-3rem
sp-margin-bottom-3rem
sp-margin-top-4rem
sp-margin-bottom-4rem
sp-margin-top-5rem
sp-margin-bottom-5rem