Spacing is applied with the b.Margin*
and b.Padding*
functions, associated with a spacing value:
Property | Function |
---|---|
margin | b.Margin |
margin-top | b.MarginTop |
margin-right | b.MarginRight |
margin-bottom | b.MarginBottom |
margin-left | b.MarginLeft |
margin-left and margin-right | b.MarginHorizontal |
margin-top and margin-bottom | b.MarginVertical |
padding | b.Padding |
padding-top | b.PaddingTop |
padding-right | b.PaddingRight |
padding-bottom | b.PaddingBottom |
padding-left | b.PaddingLeft |
padding-left and padding-right | b.PaddingHorizontal |
padding-top and padding-bottom | b.PaddingVertical |
Spacing value | Value |
---|---|
b.Spacing0 | 0 |
b.Spacing1 | 0.25rem |
b.Spacing2 | 0.5rem |
b.Spacing3 | 0.75rem |
b.Spacing4 | 1rem |
b.Spacing5 | 1.5rem |
b.Spacing6 | 3rem |
Anything else | automatic spacing |