Don't use opional @extends

Not robust at all

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 @@
   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) {