From 4e4486f60ea2a09a91a875f20f276ad2693ddfaf Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Fri, 25 Aug 2023 19:24:42 +0100 Subject: Adds sm breakpoint --- public/css/variables/index.css | 1 + public/css/variables/spacing.css | 4 ++-- public/css/variables/spacing.sm.css | 4 ++++ 3 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 public/css/variables/spacing.sm.css (limited to 'public/css/variables') 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; +} -- cgit v1.2.3