diff options
Diffstat (limited to 'client/src/sass/include/_badges.scss')
-rw-r--r-- | client/src/sass/include/_badges.scss | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/client/src/sass/include/_badges.scss b/client/src/sass/include/_badges.scss new file mode 100644 index 000000000..4bc70d4a9 --- /dev/null +++ b/client/src/sass/include/_badges.scss | |||
@@ -0,0 +1,61 @@ | |||
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 | } | ||