From ef58809a37a7ad95c9bdef8e9f465adb3904ffdf Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 26 Mar 2021 22:48:01 +0100 Subject: WIP: Redesign --- assets/css/_vars.scss | 21 +++++++++++++++++---- 1 file changed, 17 insertions(+), 4 deletions(-) (limited to 'assets/css/_vars.scss') diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index 1ef0c8a..18cebc6 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss @@ -1,8 +1,8 @@ $breakpoints: ( - xs: 320px, - sm: 600px, - md: 900px, lg: 1500px, + md: 900px, + sm: 600px, + xs: 320px, ); $unit-intervals: ( @@ -13,7 +13,7 @@ $unit-intervals: ( ); $font-fam--text: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; -$font-fam--large: 'Garet Variable', $font-fam--text; +$font-fam--large: 'Garet', $font-fam--text; $font-fam--mono: 'Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; $font-size: 16px; $line-height: 1.7; @@ -29,6 +29,11 @@ $gray5: hsl(220, 0%, 73%); $gray6: hsl(220, 0%, 100%); @include store(( + --dims: ( + --nav: ( + --height: 4.5rem + ) + ), --colors: ( --bg-hi: $gray0, // Darker background --bg: $gray1, // Background @@ -57,6 +62,14 @@ $gray6: hsl(220, 0%, 100%); } } +@include store(( + --dims: ( + --nav: ( + --height: 3.5rem + ) + ), +), 'sm'); + :root { --heading--fg: var(--colors--fg-lo); -- cgit v1.2.3-54-g00ecf