diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-25 19:24:42 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-25 19:24:42 +0100 |
| commit | 4e4486f60ea2a09a91a875f20f276ad2693ddfaf (patch) | |
| tree | 80f0c1b470c65a8b20706de41e4f525202476af2 | |
| parent | 1eb951213dfaaae81378e4b4408f76834533a360 (diff) | |
Adds sm breakpoint
| -rw-r--r-- | public/css/variables/index.css | 1 | ||||
| -rw-r--r-- | public/css/variables/spacing.css | 4 | ||||
| -rw-r--r-- | public/css/variables/spacing.sm.css | 4 |
3 files changed, 7 insertions, 2 deletions
diff --git a/public/css/variables/index.css b/public/css/variables/index.css index f6cd69f..db7d45f 100644 --- a/public/css/variables/index.css +++ b/public/css/variables/index.css @@ -1,5 +1,6 @@ @import 'colours.css'; @import 'spacing.css'; +@import 'spacing.sm.css' (min-width: 30rem); @import 'spacing.md.css' (min-width: 48rem); @import 'spacing.lg.css' (min-width: 64rem); @import 'spacing.xl.css' (min-width: 96rem); diff --git a/public/css/variables/spacing.css b/public/css/variables/spacing.css index dc92dcb..c384783 100644 --- a/public/css/variables/spacing.css +++ b/public/css/variables/spacing.css @@ -33,8 +33,8 @@ /* small screens */ - --grid-total-width: 30rem; - --grid-padding-relative-eighth-rem: 12; + --grid-total-width: 15rem; + --grid-padding-relative-eighth-rem: 8; --grid-column-count: 4; --grid-prose-column-count: 4; } diff --git a/public/css/variables/spacing.sm.css b/public/css/variables/spacing.sm.css new file mode 100644 index 0000000..7cdf26f --- /dev/null +++ b/public/css/variables/spacing.sm.css @@ -0,0 +1,4 @@ +:root { + --grid-total-width: 30rem; + --grid-padding-relative-eighth-rem: 12; +} |