diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-20 07:38:34 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-20 07:38:34 +0100 |
| commit | b8b5bcab6ce72e7dfc4c00fa407f413f5197ba73 (patch) | |
| tree | 14a43be33e621cca77f570813c23a61b3b6130a9 | |
| parent | fbc58df578544d30ba68b6bc11bfcdfeceed50ab (diff) | |
Moves section margings to layout CSS
| -rw-r--r-- | public/css/layout/index.css | 3 | ||||
| -rw-r--r-- | public/css/layout/section-margins.css | 14 | ||||
| -rw-r--r-- | public/main.css | 15 |
3 files changed, 16 insertions, 16 deletions
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); -} |