summaryrefslogtreecommitdiff
path: root/public/css
diff options
context:
space:
mode:
Diffstat (limited to 'public/css')
-rw-r--r--public/css/layout/grid.css7
-rw-r--r--public/css/layout/grid.md.css8
-rw-r--r--public/css/modules/skip-to-content.css2
-rw-r--r--public/css/variables/spacing.css6
-rw-r--r--public/css/variables/spacing.lg.css2
-rw-r--r--public/css/variables/spacing.md.css2
-rw-r--r--public/css/variables/spacing.xl.css2
-rw-r--r--public/css/variables/spacing.xxl.css2
8 files changed, 10 insertions, 21 deletions
diff --git a/public/css/layout/grid.css b/public/css/layout/grid.css
index 2bf211d..a4fb251 100644
--- a/public/css/layout/grid.css
+++ b/public/css/layout/grid.css
@@ -4,12 +4,7 @@
nav,
:is(main, article) > section:not(:is(section, header) :is(section, header))
):not(.section--full-width) {
- padding-inline: calc(0.5 * (
- 100vw - (var(--grid-padding-start) + (
- var(--grid-column-width) * var(--grid-column-count) +
- var(--grid-gutter-width) * (var(--grid-column-count) - 1)
- )
- )));
+ padding-inline: calc(var(--grid-padding) + 0.5 * (100vw - var(--grid-total-width)));
}
.grid-span-1 {
diff --git a/public/css/layout/grid.md.css b/public/css/layout/grid.md.css
index 5a681c1..f0c8478 100644
--- a/public/css/layout/grid.md.css
+++ b/public/css/layout/grid.md.css
@@ -4,11 +4,5 @@
nav,
:is(main, article) > section:not(:is(section, header) :is(section, header))
) {
- padding-inline-start: var(--grid-padding-start);
- padding-inline-end: calc(
- 100vw - (var(--grid-padding-start) + (
- var(--grid-column-width) * var(--grid-column-count) +
- var(--grid-gutter-width) * (var(--grid-column-count) - 1)
- ))
- );
+ padding-inline: var(--grid-padding);
} \ No newline at end of file
diff --git a/public/css/modules/skip-to-content.css b/public/css/modules/skip-to-content.css
index d8650d7..a752b29 100644
--- a/public/css/modules/skip-to-content.css
+++ b/public/css/modules/skip-to-content.css
@@ -1,6 +1,6 @@
.skip-to-content {
position: absolute;
- left: var(--grid-padding-start);
+ left: var(--grid-padding);
top: -10rem;
opacity: 0;
transition: top 300ms, opacity 300ms;
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