]>
Commit | Line | Data |
---|---|---|
1 | @use '_variables' as *; | |
2 | @use '_mixins' as *; | |
3 | ||
4 | @mixin peertube-badge { | |
5 | display: inline-block; | |
6 | border-radius: .25rem; | |
7 | padding: .25em .4em; | |
8 | font-size: 75%; | |
9 | font-weight: $font-semibold; | |
10 | line-height: 1.1; | |
11 | ||
12 | &.badge-fs-normal { | |
13 | font-size: 100%; | |
14 | } | |
15 | ||
16 | &.badge-primary { | |
17 | color: pvar(--mainBackgroundColor); | |
18 | background-color: pvar(--mainColor); | |
19 | } | |
20 | ||
21 | &.badge-secondary { | |
22 | color: pvar(--mainBackgroundColor); | |
23 | background-color: pvar(--greyForegroundColor); | |
24 | opacity: 0.7; | |
25 | } | |
26 | ||
27 | &.badge-banned, | |
28 | &.badge-danger, | |
29 | &.badge-red { | |
30 | background-color: #ffcdd2; | |
31 | color: #c63737; | |
32 | } | |
33 | ||
34 | &.badge-banned { | |
35 | text-decoration: line-through; | |
36 | } | |
37 | ||
38 | &.badge-yellow, | |
39 | &.badge-warning { | |
40 | background-color: #feedaf; | |
41 | color: #8a5340; | |
42 | } | |
43 | ||
44 | &.badge-brown { | |
45 | background-color: #ffd8b2; | |
46 | color: #805b36; | |
47 | } | |
48 | ||
49 | &.badge-green, | |
50 | &.badge-success { | |
51 | background-color: #c8e6c9; | |
52 | color: #256029; | |
53 | } | |
54 | ||
55 | &.badge-blue, | |
56 | &.badge-info { | |
57 | background-color: #b3e5fc; | |
58 | color: #23547b; | |
59 | } | |
60 | ||
61 | &.badge-purple { | |
62 | background-color: #eccfff; | |
63 | color: #694382; | |
64 | } | |
65 | } |