Extract another mixin to express a separator only in one place #3325

sciety · Jun 14, 2024 · ce124bd · ce124bd
1 parent a0a66bf
commit ce124bd
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/read-side/html-pages/paper-activity-page/render-as-html/_header.scss b/src/read-side/html-pages/paper-activity-page/render-as-html/_header.scss
@@ -4,6 +4,7 @@
 @use 'layout';
 @use 'list';
 @use '../../../../sass/curation-statement';
+@use '../../shared-components/standard-separator';
 
 @use 'local-settings';
 
@@ -76,7 +77,7 @@
 }
 
 .curation-statement {
-  border-top: 1px solid settings.$colour-furniture;
+  @include standard-separator.top();
   padding-top: 3rem;
   margin-bottom: 3rem;
 

diff --git a/src/read-side/html-pages/shared-components/_standard-separator.scss b/src/read-side/html-pages/shared-components/_standard-separator.scss
@@ -1,5 +1,8 @@
 @use 'settings';
 
+@mixin top {
+  border-top: settings.$border-width solid settings.$colour-furniture;
+}
 @mixin bottom {
   border-bottom: settings.$border-width solid settings.$colour-furniture;
 }
diff --git a/src/read-side/html-pages/shared-components/site-footer/_index.scss b/src/read-side/html-pages/shared-components/site-footer/_index.scss
@@ -8,6 +8,7 @@
 @use 'layout';
 @use 'list';
 @use '../../../../sass/states';
+@use '../standard-separator';
 
 $_outer-vertical-spacing: functions.px-to-rem(32px);
 
@@ -17,8 +18,8 @@ $_outer-vertical-spacing: functions.px-to-rem(32px);
     margin-left: auto;
     margin-right: auto;
   }
-
-  border-top: 1px solid settings.$colour-furniture;
+  @include standard-separator.top();
+
   padding-top: $_outer-vertical-spacing;
   margin-bottom: $_outer-vertical-spacing;
   max-width: functions.px-to-rem(1200px);