Move the colour schemes sass to be within the site header shared comp…

…onent #3229
sciety · May 8, 2024 · 0e51a8e · 0e51a8e
1 parent 7d07396
commit 0e51a8e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/sass/_schemed-header-colours.scss → ...ponents/site-header/_schemed-colours.scss b/src/sass/_schemed-header-colours.scss → ...ponents/site-header/_schemed-colours.scss
diff --git a/src/read-side/html-pages/shared-components/site-header/_site-header.scss b/src/read-side/html-pages/shared-components/site-header/_site-header.scss
@@ -7,7 +7,7 @@
 @use '../../../../sass/states';
 @use 'typography';
 @use 'list';
-@use '../../../../sass/schemed-header-colours';
+@use 'schemed-colours';
 @use 'button';
 
 $_search-icon-size: functions.px-to-rem(24px);
@@ -17,7 +17,7 @@ $_search-button-width-on-mobile: $_search-icon-size + $_search-button-padding *
 $_left-links-width-not-narrow: 280px;
 
 .site-header {
-  @include schemed-header-colours.light();
+  @include schemed-colours.light();
   background-color: var(--colour-site-header-background);
   width: 100%;
   height: functions.px-to-rem(settings.$site-header-height);
@@ -36,7 +36,7 @@ $_left-links-width-not-narrow: 280px;
 }
 
 .site-header--dark {
-  @include schemed-header-colours.dark();
+  @include schemed-colours.dark();
 }
 
 .site-header__left_links {

diff --git a/src/read-side/html-pages/shared-components/site-header/_utility-bar.scss b/src/read-side/html-pages/shared-components/site-header/_utility-bar.scss
@@ -7,7 +7,7 @@
 @use 'layout';
 @use 'breakpoints';
 @use 'avatar';
-@use '../../../../sass/schemed-header-colours';
+@use 'schemed-colours';
 
 $_space-allocated-to-avatar-and-handle: 120px;
 $_avatar-right-margin: 6px;
@@ -16,7 +16,7 @@ $_navigation-text-bottom-spacing: functions.px-to-rem(settings.$navigation-link-
 $_avatar-height-coupled-to-buttons: 34px;
 
 .utility-bar {
-  @include schemed-header-colours.light();
+  @include schemed-colours.light();
   display: flex;
   margin-right: 0;
   flex-grow: 1;
@@ -28,7 +28,7 @@ $_avatar-height-coupled-to-buttons: 34px;
 }
 
 .utility-bar--dark {
-  @include schemed-header-colours.dark();
+  @include schemed-colours.dark();
 }
 
 .utility-bar__list {