From 7b39f8ae02c316aeb5485e3b0ec5ff00d114b2a5 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Wed, 28 Jul 2021 17:51:30 +0200
Subject: [PATCH] feat: add a modifiable common header margin

---
 src/scss/_definitions.scss         | 2 ++
 src/scss/components/_cards.scss    | 5 ++---
 src/scss/components/_previews.scss | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/scss/_definitions.scss b/src/scss/_definitions.scss
index 01936e7..f9e684d 100644
--- a/src/scss/_definitions.scss
+++ b/src/scss/_definitions.scss
@@ -23,6 +23,8 @@ $lineheight: $baseline * 1rem;
 $lineheight_half: $lineheight/2;
 $lineheight_quarter: $lineheight/4;
 
+$card-header-margin: $lineheight;
+
 $border-radius: 12px;
 $border-size: 0px;
 
diff --git a/src/scss/components/_cards.scss b/src/scss/components/_cards.scss
index 8201466..7b90bfc 100644
--- a/src/scss/components/_cards.scss
+++ b/src/scss/components/_cards.scss
@@ -7,7 +7,6 @@
 
 $card-bigpad: $lineheight;
 $card-smallpad: $lineheight_half;
-$header-margin: $lineheight;
 
 @mixin card($size) {
     @include border-radius();
@@ -22,13 +21,13 @@ $header-margin: $lineheight;
       &:first-child {
         margin-top: $size;
         &.card-header {
-          margin-top:$header-margin;
+          margin-top:$card-header-margin;
         }
       }
       &:last-child {
         margin-bottom: $size;
         &.card-header {
-          margin-bottom:$header-margin;
+          margin-bottom:$card-header-margin;
         }
       }
     }
diff --git a/src/scss/components/_previews.scss b/src/scss/components/_previews.scss
index c59a033..c525862 100644
--- a/src/scss/components/_previews.scss
+++ b/src/scss/components/_previews.scss
@@ -76,7 +76,7 @@ $preview-height: 8*$lineheight;
     top: 0;
     left: 0;
     position: absolute;
-    padding-top: $lineheight_half;
+    padding-top: $card-header-margin/2;
     backdrop-filter: none;
     transition: background-color 0.3s;
     @include border-radius();