From 72cd9f303ab592440027552ce8a869277f21a05b Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 24 Nov 2022 09:51:58 +0100 Subject: Don't use opional @extends Not robust at all --- client/src/sass/include/_fonts.scss | 4 ++++ client/src/sass/include/_icons.scss | 24 ++++++++++++++++++++++++ 2 files changed, 28 insertions(+) (limited to 'client/src/sass/include') 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 @@ font-display: swap; src: url('../fonts/source-sans/WOFF2/VAR/SourceSans3VF-Italic.ttf.woff2') format('woff2'); } + +@mixin muted { + color: pvar(--greyForegroundColor) !important; +} 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 @@ transform: rotate(45deg); } +@mixin chevron-right-default { + @include chevron-right(0.55rem, 0.15rem); + + margin: 0 8px; +} + @mixin chevron-down ($size, $border-width) { @include chevron($size, $border-width); @@ -25,6 +31,12 @@ transform: rotate(135deg); } +@mixin chevron-down-default { + @include chevron-down(0.55rem, 0.15rem); + + margin: 0 8px; +} + @mixin chevron-up ($size, $border-width) { @include chevron($size, $border-width); @@ -32,6 +44,12 @@ transform: rotate(-45deg); } +@mixin chevron-up-default { + @include chevron-up(0.55rem, 0.15rem); + + margin: 0 8px; +} + @mixin chevron-left ($size, $border-width) { @include chevron($size, $border-width); @@ -39,6 +57,12 @@ transform: rotate(-135deg); } +@mixin chevron-left-default { + @include chevron-left(0.55rem, 0.15rem); + + margin: 0 8px; +} + // --------------------------------------------------------------------------- @mixin arrow-up ($size) { -- cgit v1.2.3