~xdavidwu/xdavidwu.link

c11be53e42342d79b34ae3b19848c572ef7f29cf — xdavidwu 3 years ago 95f3ea6
masthead: fix greedy toggle position
2 files changed, 11 insertions(+), 15 deletions(-)

M _sass/minimal-mistakes/_masthead.scss
M _sass/minimal-mistakes/_search.scss
M _sass/minimal-mistakes/_masthead.scss => _sass/minimal-mistakes/_masthead.scss +11 -5
@@ 11,7 11,7 @@
	position: sticky;
	top: 0;
  @include clearfix;
  padding: 0.625em 0 0.625em 1em;
  padding: 0.625em 1em;
  display: flex;
  align-items: center;
  min-height: $nav-height;


@@ 20,10 20,6 @@
    max-width: $max-width;
  }

  nav {
    z-index: 10;
  }

  a {
    text-decoration: none;
    display: block;


@@ 48,6 44,7 @@
  }

  .greedy-nav__toggle {
    margin-left: 1rem;
    align-self: center;
    height: $nav-toggle-height;
    border: 0;


@@ 149,6 146,15 @@
  font-size: $type-size-8;
}

.search__toggle {
  margin-left: 1rem;
  height: $nav-toggle-height;
  border: 0;
  outline: none;
  cursor: pointer;
  transition: 0.2s;
}

.masthead__menu-item {
  display: block;
  list-style-type: none;

M _sass/minimal-mistakes/_search.scss => _sass/minimal-mistakes/_search.scss +0 -10
@@ 8,16 8,6 @@
  }
}

.search__toggle {
  margin-left: 1rem;
  margin-right: 1rem;
  height: $nav-toggle-height;
  border: 0;
  outline: none;
  cursor: pointer;
  transition: 0.2s;
}

.search-icon {
  width: 100%;
  height: 100%;