From 9c0e74db61c71fe5e97726f52acdc2318962228b Mon Sep 17 00:00:00 2001 From: xdavidwu Date: Sun, 22 May 2022 12:59:32 +0800 Subject: [PATCH] sass: tweak navicon --- _sass/minimal-mistakes/_utilities.scss | 14 +++++++------- _sass/minimal-mistakes/_variables.scss | 2 -- 2 files changed, 7 insertions(+), 9 deletions(-) diff --git a/_sass/minimal-mistakes/_utilities.scss b/_sass/minimal-mistakes/_utilities.scss index 211af4b..15005a3 100644 --- a/_sass/minimal-mistakes/_utilities.scss +++ b/_sass/minimal-mistakes/_utilities.scss @@ -206,8 +206,8 @@ body:hover .visually-hidden button { .navicon { position: relative; - width: $navicon-width; - height: $navicon-height; + width: 1.25rem; + height: 0.15rem; margin: auto; transition: 0.3s; @@ -216,17 +216,17 @@ body:hover .visually-hidden button { content: ""; position: absolute; left: 0; - width: $navicon-width; - height: $navicon-height; + width: 1.25rem; + height: 0.15rem; transition: 0.3s; } &:before { - top: (-2 * $navicon-height); + top: -0.4rem; } &:after { - bottom: (-2 * $navicon-height); + bottom: -0.4rem; } } @@ -236,7 +236,7 @@ body:hover .visually-hidden button { &:after { transform-origin: 50% 50%; top: 0; - width: $navicon-width; + width: 1.5rem; } /* rotate the lines to form the x shape*/ diff --git a/_sass/minimal-mistakes/_variables.scss b/_sass/minimal-mistakes/_variables.scss index 6bf0e4c..2e24e32 100644 --- a/_sass/minimal-mistakes/_variables.scss +++ b/_sass/minimal-mistakes/_variables.scss @@ -124,7 +124,5 @@ $border-radius: 4px !default; $box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) !default; $nav-height: 2em !default; $nav-toggle-height: 2rem !default; -$navicon-width: 1.5rem !default; -$navicon-height: 0.2rem !default; $global-transition: all 0.2s ease-in-out !default; $intro-transition: intro 0.3s both !default; -- 2.43.0