aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2022-11-24 09:51:58 +0100
committerChocobozzz <me@florianbigard.com>2022-11-24 09:52:33 +0100
commit72cd9f303ab592440027552ce8a869277f21a05b (patch)
tree0c5994261312bf543948e9a087b1b6afe2847e78 /client/src/sass/include
parent41e59dbe9bbc78af134d4a88f8466dfd491e75b0 (diff)
downloadPeerTube-72cd9f303ab592440027552ce8a869277f21a05b.tar.gz
PeerTube-72cd9f303ab592440027552ce8a869277f21a05b.tar.zst
PeerTube-72cd9f303ab592440027552ce8a869277f21a05b.zip
Don't use opional @extends
Not robust at all
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_fonts.scss4
-rw-r--r--client/src/sass/include/_icons.scss24
2 files changed, 28 insertions, 0 deletions
diff --git a/client/src/sass/include/_fonts.scss b/client/src/sass/include/_fonts.scss
index 514261d01..e5a40af34 100644
--- a/client/src/sass/include/_fonts.scss
+++ b/client/src/sass/include/_fonts.scss
@@ -15,3 +15,7 @@
15 font-display: swap; 15 font-display: swap;
16 src: url('../fonts/source-sans/WOFF2/VAR/SourceSans3VF-Italic.ttf.woff2') format('woff2'); 16 src: url('../fonts/source-sans/WOFF2/VAR/SourceSans3VF-Italic.ttf.woff2') format('woff2');
17} 17}
18
19@mixin muted {
20 color: pvar(--greyForegroundColor) !important;
21}
diff --git a/client/src/sass/include/_icons.scss b/client/src/sass/include/_icons.scss
index 5d8a312db..08a0c02e3 100644
--- a/client/src/sass/include/_icons.scss
+++ b/client/src/sass/include/_icons.scss
@@ -18,6 +18,12 @@
18 transform: rotate(45deg); 18 transform: rotate(45deg);
19} 19}
20 20
21@mixin chevron-right-default {
22 @include chevron-right(0.55rem, 0.15rem);
23
24 margin: 0 8px;
25}
26
21@mixin chevron-down ($size, $border-width) { 27@mixin chevron-down ($size, $border-width) {
22 @include chevron($size, $border-width); 28 @include chevron($size, $border-width);
23 29
@@ -25,6 +31,12 @@
25 transform: rotate(135deg); 31 transform: rotate(135deg);
26} 32}
27 33
34@mixin chevron-down-default {
35 @include chevron-down(0.55rem, 0.15rem);
36
37 margin: 0 8px;
38}
39
28@mixin chevron-up ($size, $border-width) { 40@mixin chevron-up ($size, $border-width) {
29 @include chevron($size, $border-width); 41 @include chevron($size, $border-width);
30 42
@@ -32,6 +44,12 @@
32 transform: rotate(-45deg); 44 transform: rotate(-45deg);
33} 45}
34 46
47@mixin chevron-up-default {
48 @include chevron-up(0.55rem, 0.15rem);
49
50 margin: 0 8px;
51}
52
35@mixin chevron-left ($size, $border-width) { 53@mixin chevron-left ($size, $border-width) {
36 @include chevron($size, $border-width); 54 @include chevron($size, $border-width);
37 55
@@ -39,6 +57,12 @@
39 transform: rotate(-135deg); 57 transform: rotate(-135deg);
40} 58}
41 59
60@mixin chevron-left-default {
61 @include chevron-left(0.55rem, 0.15rem);
62
63 margin: 0 8px;
64}
65
42// --------------------------------------------------------------------------- 66// ---------------------------------------------------------------------------
43 67
44@mixin arrow-up ($size) { 68@mixin arrow-up ($size) {