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 |