~xdavidwu/xdavidwu.link

73d39e86e6eedada36bf15c200683d4e413b0309 — xdavidwu 3 years ago 3fa583b
masthead: css cleanup
M _includes/masthead.html => _includes/masthead.html +1 -1
@@ 10,7 10,7 @@
  </a>
  <ul class="visible-links">
    {%- for link in site.data.navigation.main -%}
      <li class="masthead__menu-item">
      <li>
        <a href="{{ link.url | relative_url }}"{% if link.description %} title="{{ link.description }}"{% endif %}>{{ link.title }}</a>
      </li>
    {%- endfor -%}

M _sass/minimal-mistakes/_masthead.scss => _sass/minimal-mistakes/_masthead.scss +2 -41
@@ 10,7 10,6 @@
  z-index: 20;
	position: sticky;
	top: 0;
  @include clearfix;
  padding: 0.625em 1em;
  display: flex;
  align-items: center;


@@ 22,8 21,8 @@

  a {
    text-decoration: none;
    display: block;
    margin: 0 1rem;
    white-space: nowarp;

    &.site-logo {
      margin-left: 0;


@@ 35,27 34,16 @@
    }
  }

  .site-nav {
    margin-left: 0;

    @include breakpoint($small) {
      float: right;
    }
  }

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

  ul {
    margin: 0;
    padding: 0;
    clear: both;
    list-style-type: none;
  }



@@ 64,14 52,6 @@
    justify-content: flex-end;
    flex: 1;
    overflow: hidden;

    li {
      flex: none;
    }

    a {
      position: relative;
    }
  }

  .hidden-links {


@@ 84,14 64,11 @@
    border-radius: $border-radius;
    box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);

    &.hidden {
      display: none;
    }

    a {
      margin: 0;
      padding: 10px 20px;
      font-size: $type-size-5;
      display: block;
    }

    &:before {


@@ 102,7 79,6 @@
      width: 0;
      border-style: solid;
      border-width: 0 10px 10px;
      display: block;
      z-index: 0;
    }



@@ 114,12 90,10 @@
      width: 0;
      border-style: solid;
      border-width: 0 10px 10px;
      display: block;
      z-index: 1;
    }

    li {
      display: block;
      border-bottom-width: 1px;
      border-bottom-style: solid;



@@ 135,8 109,6 @@
}

.site-title {
  display: flex;
  align-self: center;
  font-weight: bold;
}



@@ 153,14 125,3 @@
  cursor: pointer;
  transition: 0.2s;
}

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

  &--lg {
    padding-right: 2em;
    font-weight: bold;
  }
}

M _sass/minimal-mistakes/_reset.scss => _sass/minimal-mistakes/_reset.scss +0 -18
@@ 128,24 128,6 @@ input::-moz-focus-inner { /* inner padding and border oddities in FF3/4*/
  border: 0;
}

button,
html input[type="button"], // avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
    cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
}

input[type="search"] { /* Appearance in Safari/Chrome*/
  box-sizing: border-box;
}