From b8b5bcab6ce72e7dfc4c00fa407f413f5197ba73 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Sun, 20 Aug 2023 07:38:34 +0100
Subject: Moves section margings to layout CSS

---
 public/css/layout/index.css           |  3 ++-
 public/css/layout/section-margins.css | 14 ++++++++++++++
 public/main.css                       | 15 ---------------
 3 files changed, 16 insertions(+), 16 deletions(-)
 create mode 100644 public/css/layout/section-margins.css

(limited to 'public')

diff --git a/public/css/layout/index.css b/public/css/layout/index.css
index 08d6c13..7c6196c 100644
--- a/public/css/layout/index.css
+++ b/public/css/layout/index.css
@@ -1 +1,2 @@
-@import './grid.css';
\ No newline at end of file
+@import './grid.css';
+@import './section-margins.css';
\ No newline at end of file
diff --git a/public/css/layout/section-margins.css b/public/css/layout/section-margins.css
new file mode 100644
index 0000000..851f614
--- /dev/null
+++ b/public/css/layout/section-margins.css
@@ -0,0 +1,14 @@
+:is(main, article) > :is(section, header):not(:is(section, header) :is(section, header)) {
+    padding-block-start: var(--margin-block-lg);
+    padding-block-end: var(--margin-block-md);
+  }
+  
+  footer {
+    padding-block-start: var(--margin-block-md);
+    padding-block-end: var(--margin-block-lg);
+  }
+  
+  nav {
+    padding-block-start: var(--margin-block-sm);
+    padding-block-end: var(--margin-block-md);
+  }
\ No newline at end of file
diff --git a/public/main.css b/public/main.css
index 1ff4cf2..cfaf828 100644
--- a/public/main.css
+++ b/public/main.css
@@ -12,18 +12,3 @@
   container-name: main;
   container-type: inline-size;
 }
-
-:is(main, article) > :is(section, header):not(:is(section, header) :is(section, header)) {
-  padding-block-start: var(--margin-block-lg);
-  padding-block-end: var(--margin-block-md);
-}
-
-footer {
-  padding-block-start: var(--margin-block-md);
-  padding-block-end: var(--margin-block-lg);
-}
-
-nav {
-  padding-block-start: var(--margin-block-sm);
-  padding-block-end: var(--margin-block-md);
-}
-- 
cgit v1.2.3