hatefulcrawdad/buzz-nav.css

## buzz-nav.css
/* Navigation Styles - CSS */

nav ul {
  float: right;
  list-style: none;
  margin-bottom: 0;
  margin-top: 42px;
}
nav ul li {
  font-family: "Cabin", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  float: left;
  margin-left: 21px;
  line-height: 2;
}
nav ul li a {
  font-size: 13px;
  font-weight: bold;
  color: #d9d9d9;
  text-transform: uppercase;
}
nav ul li a:hover {
  color: white;
}
nav ul li.standout a {
  color: #f2ae0c;
}
nav ul li.standout a:hover {
  color: #f7c654;
}
footer nav ul {
  margin-top: 0;
}
footer nav ul li a {
  color: white;
}
footer nav ul li a:hover {
  color: rgba(255, 255, 255, 0.75);
}
footer nav ul li.standout a {
  color: black;
}
footer nav ul li.standout a:hover {
  color: rgba(0, 0, 0, 0.75);
}

----------------------------------------------------------------

/* Navigation Styles - SCSS */

nav {
  ul {
    float: right;
    list-style: none;
    margin-bottom: 0;
    margin-top: ms(4);

    li {
      font-family: $headerFontFamily;
      float: left;
      margin-left: ms(1);
      line-height: 2;

      a {
        font-size: ms(0) - 3;
        font-weight: bold;
        color: darken($white, 15%);
        text-transform: uppercase;
        &:hover {
          color: $white;
        }
      }
      &.standout a {
        color: $secondaryColor;
        &:hover {
          color: lighten($secondaryColor, 15%);
        }
      }
    }
  }
  footer & {

    ul {
        margin-top: 0;
      li {
        a {
          color: $white;
          &:hover {
            color: fade-out($white, .25);
          }
        }
        &.standout a {
          color: $black;
          &:hover {
            color: fade-out($black, .25);
          }
        }
      }
    }
  }
}