Border
Border utility classes to change any components border property for solid borders.
Usage
Place the border utility class on an element that you want to change the border property for.
Each border has a size variation 0 to 10px that is used in the class name, e.g slb-br-5 is border right 5px solid.
Each border has a breakpoint variation of small, medium, large, extra large, this is used to remove or change the border at different breakpoints, e.g. slb-bl-5 slb-bl-md-0 will display border left 5px solid on smaller screens and border left 0px solid will remove the border on screens above the medium breakpoint.
Modifier selectors
| Modifier selector | Description | Modifier selector | Description |
|---|---|---|---|
slb-b-(0 to 10) |
border width 0 to 10 and solid style. | slb-bt-(0 to 10) |
border top width 0 to 10 and solid style. |
slb-br-(0 to 10) |
border right width 0 to 10 and solid style. | slb-bb-(0 to 10) |
border bottom width 0 to 10 and solid style. |
slb-bx-(0 to 10) |
border right and left width 0 to 10 and solid style. | slb-by-(0 to 10) |
border top and bottom width 0 to 10 and solid style. |
slb-bl-(0 to 10) |
border left width 0 to 10 and solid style. | slb-bl-(sm/md/lg/xl)-(0 to 10) |
border left width 0 to 10 and solid style above the breakpoint. |
slb-b-(sm/md/lg/xl)-(0 to 10) |
border width 0 to 10 and solid style above the breakpoint. | slb-bt-(sm/md/lg/xl)-(0 to 10) |
border top width 0 to 10 and solid style above the breakpoint.. |
slb-br-(sm/md/lg/xl)-(0 to 10) |
border right width 0 to 10 and solid style above the breakpoint. | slb-bb-(sm/md/lg/xl)-(0 to 10) |
border bottom width 0 to 10 and solid style above the breakpoint. |
slb-b-0
slb-b-1
slb-b-2
slb-b-3
slb-b-4
slb-b-5
slb-b-6
slb-b-7
slb-b-8
slb-b-9
slb-b-10
slb-bt-0
slb-bt-1
slb-bt-2
slb-bt-3
slb-bt-4
slb-bt-5
slb-bt-6
slb-bt-7
slb-bt-8
slb-bt-9
slb-bt-10
slb-br-0
slb-br-1
slb-br-2
slb-br-3
slb-br-4
slb-br-5
slb-br-6
slb-br-7
slb-br-8
slb-br-9
slb-br-10
slb-bb-0
slb-bb-1
slb-bb-2
slb-bb-3
slb-bb-4
slb-bb-5
slb-bb-6
slb-bb-7
slb-bb-8
slb-bb-9
slb-bb-10
slb-bl-0
slb-bl-1
slb-bl-2
slb-bl-3
slb-bl-4
slb-bl-5
slb-bl-6
slb-bl-7
slb-bl-8
slb-bl-9
slb-bl-10
slb-bx-0
slb-bx-1
slb-bx-2
slb-bx-3
slb-bx-4
slb-bx-5
slb-bx-6
slb-bx-7
slb-bx-8
slb-bx-9
slb-bx-10
slb-by-0
slb-by-1
slb-by-2
slb-by-3
slb-by-4
slb-by-5
slb-by-6
slb-by-7
slb-by-8
slb-by-9
slb-by-10