1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | @mixin nb-badge-theme() {
|
8 | nb-badge {
|
9 | border-radius: nb-theme(badge-border-radius);
|
10 | font-family: nb-theme(badge-text-font-family);
|
11 | font-size: nb-theme(badge-text-font-size);
|
12 | font-weight: nb-theme(badge-text-font-weight);
|
13 | line-height: nb-theme(badge-text-line-height);
|
14 | padding: nb-theme(badge-padding);
|
15 |
|
16 | &.dot-mode {
|
17 | padding: nb-theme(badge-dot-mode-padding);
|
18 | border-radius: nb-theme(badge-dot-mode-border-radius);
|
19 | }
|
20 | }
|
21 |
|
22 | @each $status in nb-get-statuses() {
|
23 | nb-badge.status-#{$status} {
|
24 | color: nb-theme(badge-#{$status}-text-color);
|
25 | background-color: nb-theme(badge-#{$status}-background-color);
|
26 | }
|
27 | }
|
28 | }
|