From fe69df713650768cfa04854d267e4294c3f25dd4 Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Thu, 24 Aug 2023 09:07:16 +0100 Subject: Simplifies grid padding --- public/css/variables/spacing.css | 6 +++--- public/css/variables/spacing.lg.css | 2 +- public/css/variables/spacing.md.css | 2 +- public/css/variables/spacing.xl.css | 2 +- public/css/variables/spacing.xxl.css | 2 +- 5 files changed, 7 insertions(+), 7 deletions(-) (limited to 'public/css/variables') diff --git a/public/css/variables/spacing.css b/public/css/variables/spacing.css index 3ca646c..dc92dcb 100644 --- a/public/css/variables/spacing.css +++ b/public/css/variables/spacing.css @@ -11,12 +11,12 @@ --padding-block-md: calc(8 * var(--relative-eighth-rem)); --padding-block-sm: calc(5 * var(--relative-eighth-rem)); - --grid-padding-start: calc(var(--grid-padding-start-relative-eighth-rem) * var(--relative-eighth-rem)); + --grid-padding: calc(var(--grid-padding-relative-eighth-rem) * var(--relative-eighth-rem)); --grid-column-width: calc(var(--grid-column-width-relative-eighth-rem) * var(--relative-eighth-rem)); --grid-gutter-width: calc(var(--grid-gutter-width-relative-eighth-rem) * var(--relative-eighth-rem)); --grid-total-relative-eighth-rem-width: calc( - var(--grid-padding-start-relative-eighth-rem) * 2 + + var(--grid-padding-relative-eighth-rem) * 2 + var(--grid-column-width-relative-eighth-rem) * var(--grid-column-count) + var(--grid-gutter-width-relative-eighth-rem) * (var(--grid-column-count) - 1) ); @@ -34,7 +34,7 @@ /* small screens */ --grid-total-width: 30rem; - --grid-padding-start-relative-eighth-rem: 12; + --grid-padding-relative-eighth-rem: 12; --grid-column-count: 4; --grid-prose-column-count: 4; } diff --git a/public/css/variables/spacing.lg.css b/public/css/variables/spacing.lg.css index 5c3f78c..bc18bfd 100644 --- a/public/css/variables/spacing.lg.css +++ b/public/css/variables/spacing.lg.css @@ -1,6 +1,6 @@ :root { --grid-total-width: 64rem; - --grid-padding-start-relative-eighth-rem: 20; + --grid-padding-relative-eighth-rem: 20; --grid-column-count: 12; --grid-prose-column-count: 8; } \ No newline at end of file diff --git a/public/css/variables/spacing.md.css b/public/css/variables/spacing.md.css index 4b66743..0028e8a 100644 --- a/public/css/variables/spacing.md.css +++ b/public/css/variables/spacing.md.css @@ -1,6 +1,6 @@ :root { --grid-total-width: 48rem; - --grid-padding-start-relative-eighth-rem: 16; + --grid-padding-relative-eighth-rem: 16; --grid-column-count: 8; --grid-prose-column-count: 8; } \ No newline at end of file diff --git a/public/css/variables/spacing.xl.css b/public/css/variables/spacing.xl.css index 1481962..fc8b1f3 100644 --- a/public/css/variables/spacing.xl.css +++ b/public/css/variables/spacing.xl.css @@ -1,6 +1,6 @@ :root { --grid-total-width: 80rem; - --grid-padding-start-relative-eighth-rem: 26; + --grid-padding-relative-eighth-rem: 26; --grid-column-count: 12; --grid-prose-column-count: 8; --width-prose: calc( diff --git a/public/css/variables/spacing.xxl.css b/public/css/variables/spacing.xxl.css index e584668..17d2f66 100644 --- a/public/css/variables/spacing.xxl.css +++ b/public/css/variables/spacing.xxl.css @@ -1,6 +1,6 @@ :root { --grid-total-width: 100rem; - --grid-padding-start-relative-eighth-rem: 32; + --grid-padding-relative-eighth-rem: 32; --grid-column-count: 12; --grid-prose-column-count: 8; } \ No newline at end of file -- cgit v1.2.3