Margins
| Class | Design token | CSS property |
|---|---|---|
m-{z} |
--token-size-{z} |
margin |
mt-{z} |
--token-size-{z} |
margin-top |
mr-{z} |
--token-size-{z} |
margin-right |
mb-{z} |
--token-size-{z} |
margin-bottom |
ml-{z} |
--token-size-{z} |
margin-left |
Were is my padding?!
You might be wondering, where are the padding classes? Well Feo.css is a little opinionated. The layers are build with 'layout' being the most important layer. Layout is about how elements are positioned in relation to eachother. Margin has an impact on that, padding, does not. If you want padding, copy over the src/utilities/margin.css and replace margin with padding.