]>
Commit | Line | Data |
---|---|---|
4c8749cb C |
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-primary { | |
13 | color: pvar(--mainBackgroundColor); | |
14 | background-color: pvar(--mainColor); | |
15 | } | |
16 | ||
17 | &.badge-secondary { | |
18 | color: pvar(--mainBackgroundColor); | |
19 | background-color: pvar(--greyForegroundColor); | |
20 | opacity: 0.7; | |
21 | } | |
22 | ||
23 | &.badge-banned, | |
24 | &.badge-danger, | |
25 | &.badge-red { | |
26 | background-color: #ffcdd2; | |
27 | color: #c63737; | |
28 | } | |
29 | ||
30 | &.badge-banned { | |
31 | text-decoration: line-through; | |
32 | } | |
33 | ||
34 | &.badge-yellow, | |
35 | &.badge-warning { | |
36 | background-color: #feedaf; | |
37 | color: #8a5340; | |
38 | } | |
39 | ||
40 | &.badge-brown { | |
41 | background-color: #ffd8b2; | |
42 | color: #805b36; | |
43 | } | |
44 | ||
45 | &.badge-green, | |
46 | &.badge-success { | |
47 | background-color: #c8e6c9; | |
48 | color: #256029; | |
49 | } | |
50 | ||
51 | &.badge-blue, | |
52 | &.badge-info { | |
53 | background-color: #b3e5fc; | |
54 | color: #23547b; | |
55 | } | |
56 | ||
57 | &.badge-purple { | |
58 | background-color: #eccfff; | |
59 | color: #694382; | |
60 | } | |
61 | } |