diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-20 17:13:15 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-20 17:20:56 +0100 |
| commit | df9e8b1985a0f1c71c0657e72fad008bf437faba (patch) | |
| tree | eeb2a066982a3e81836668ce9a5613cffc023e77 /src/styles | |
| parent | 8966fde6ff520cfbe74c031c8b2e3a66d298b172 (diff) | |
chore: add projects to main nav
I redesign a little the main nav on small screens so it can takes two
columns when the screen height is low. I change the 2xs breakpoint to
500px instead of 400px.
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/abstracts/_variables.scss | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/styles/abstracts/_variables.scss b/src/styles/abstracts/_variables.scss index 3d1eb50..416b3c0 100644 --- a/src/styles/abstracts/_variables.scss +++ b/src/styles/abstracts/_variables.scss @@ -38,7 +38,7 @@ $ratios: ( /// @prop {String} keys - Keys are identifiers mapped to a given length /// @prop {Map} values - Values are actual breakpoints expressed in pixels $breakpoints: ( - "2xs": fun.convert-px(400, "em"), + "2xs": fun.convert-px(500, "em"), "xs": fun.convert-px(600, "em"), "sm": fun.convert-px(800, "em"), "md": fun.convert-px(1280, "em"), @@ -151,7 +151,7 @@ $light-theme_black: hsl(207, 47%, 11%); $light-theme_blue: hsl(206, 75%, 31%); $light-theme_blue-o30: hsla(206, 75%, 31%, 0.3); $light-theme_blue-bright: hsl(206, 77%, 36%); -$light-theme_blue-brighter: hsl(206, 70%, 49%); +$light-theme_blue-brighter: hsl(206, 77%, 48%); $light-theme_blue-dark: hsl(206, 76%, 28%); $light-theme_blue-darker: hsl(206, 60%, 20%); $light-theme_grey: hsl(206, 15%, 80%); |