Extract a visual component as a mixin #3325

sciety · Jun 14, 2024 · bcb326b · bcb326b
1 parent 8199f40
commit bcb326b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/read-side/html-pages/shared-components/paper-activity-summary-card/_index.scss b/src/read-side/html-pages/shared-components/paper-activity-summary-card/_index.scss
@@ -10,12 +10,16 @@ $_optional-controls-icon-size: 24px;
 $_footer-icon-separation: 16px;
 $_card-padding: 16px;
 
+@mixin standard-separator-bottom {
+  border-bottom: settings.$border-width solid settings.$colour-furniture;
+}
+
 .article-card {
+  @include standard-separator-bottom();
   position: relative;
   background-color: settings.$colour-white;
   padding-top: 2rem;
   padding-bottom: 2.5rem;
-  border-bottom: settings.$border-width solid settings.$colour-furniture;
 }
 
 .article-card-content {