Border mixins are used to add (or remove) simple border styles.
Parameters | Type | Details |
---|---|---|
$important |
boolean |
(optional) Default: false |
$border |
string or list |
(optional) Example: 1px solid #bbb |
Adds a border on all sides.
Parameters | Type | Details |
---|---|---|
$important |
boolean |
(optional) Default: false |
Sets all borders to 0
Parameters | Type | Details |
---|---|---|
$important |
boolean |
(optional) Default: false |
$border |
string or list |
(optional) Example: 1px solid #bbb |
Adds a border to the top.
Parameters | Type | Details |
---|---|---|
$important |
boolean |
(optional) Default: false |
$border |
string or list |
(optional) Example: 1px solid #bbb |
Adds a border to the "start", which is usually the left. If a right-to-left stylesheet is used, "start" should mean right.
Parameters | Type | Details |
---|---|---|
$important |
boolean |
(optional) Default: false |
$border |
string or list |
(optional) Example: 1px solid #bbb |
Adds a border to the bottom.
Parameters | Type | Details |
---|---|---|
$important |
boolean |
(optional) Default: false |
$border |
string or list |
(optional) Example: 1px solid #bbb |
Adds a border to the "end", which is usually the right. If a right-to-left stylesheet is used, "end" should mean left.
Parameters | Type | Details |
---|---|---|
$important |
boolean |
(optional) Default: false |
$border-radius |
string |
Example: 4px |
Adds a border-radius.