~xdavidwu/xdavidwu.link

9c0e74db61c71fe5e97726f52acdc2318962228b — xdavidwu 2 years ago 566f7b9
sass: tweak navicon
2 files changed, 7 insertions(+), 9 deletions(-)

M _sass/minimal-mistakes/_utilities.scss
M _sass/minimal-mistakes/_variables.scss
M _sass/minimal-mistakes/_utilities.scss => _sass/minimal-mistakes/_utilities.scss +7 -7
@@ 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*/

M _sass/minimal-mistakes/_variables.scss => _sass/minimal-mistakes/_variables.scss +0 -2
@@ 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;