Sides
You should always include a side variation, the colour and radius classes are optional.
These variations are also available for specific breakpoints.
For example, if you want no borders on large, you would add --lg to make .no-border--lg
Available breakpoint modifiers are --md --lg --xl --xxl.
| Class | Example |
|---|---|
.no-border
|
|
.border
|
|
.border--t
|
|
.border--b
|
|
.border--y
|
|
.border--l
|
|
.border--r
|
|
.border--x
|
Colour
| Class | Example |
|---|---|
.border--grey-300
|
|
.border--grey-400
|
Radius
| Class | Example |
|---|---|
.no-radius
|
|
.radius
|
|
.circle
|