refactor: add page margin to main container instead of every page

Former-commit-id: bfa51ffe92d91f9588828476024828b1a7d0959d

5 files changed, 6 insertions, 6 deletions

diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 134bfdf9..6bf57fcc 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -90,7 +90,6 @@
 }
 
 article.card-page {
-    margin-top: var(--page-header-top);
     position: relative;
     .title-image-container {
         --size: 4rem;
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index 65422cca..59c58dd5 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -1,6 +1,4 @@
 #site-header {
-    margin-top: var(--page-header-top);
-
     /* header */
 
     .header-title {
diff --git a/assets/css/components/_library.scss b/assets/css/components/_library.scss
index c2132766..5fcafae4 100644
--- a/assets/css/components/_library.scss
+++ b/assets/css/components/_library.scss
@@ -67,7 +67,6 @@
         flex-direction: column;
         align-items: center;
         gap: 0.5rem;
-        margin-top: var(--page-header-top);
 
         p {
             margin: 0;
diff --git a/assets/css/components/_pages.scss b/assets/css/components/_pages.scss
index fc03adc2..9421f1ae 100644
--- a/assets/css/components/_pages.scss
+++ b/assets/css/components/_pages.scss
@@ -1,3 +1,7 @@
+#page {
+    margin: var(--page-margin-y) 0;
+}
+
 /* post series */
 
 #post-series-list {
diff --git a/assets/css/components/_post.scss b/assets/css/components/_post.scss
index e7ba7993..69c8163e 100644
--- a/assets/css/components/_post.scss
+++ b/assets/css/components/_post.scss
@@ -43,7 +43,7 @@
 }
 
 #post-page-header {
-    margin: var(--page-header-top) auto;
+    margin: 0 auto;
     margin-bottom: 2rem;
     max-width: var(--page-width);
 
@@ -70,7 +70,7 @@
         @media screen and (min-width: 768px) {
             width: 8rem;
             left: calc(50vw + var(--page-width) / 2 - 5rem);
-            top: calc(var(--page-header-top) - 2rem);
+            top: calc(var(--page-margin-y) - 2rem);
         }
     }
 }