Reset, reset

public/styles/components/_navbar.scss

@@ -1,92 +0,0 @@
-/*
- *  Navbar
- *    Styles for Navbar
- *
- *  Dependencies:
- *    styles/settings/colors.scss
- *    styles/settings/responsive.scss
- *    styles/tools/_box-shadow.scss
- *    styles/tools/_flex.scss
- *    styles/tools/_responsive.scss
- *    styles/tools/_transform.scss
- *
- *  Version:
- *    1.0.0 - 2018/02/23
- */
-$c-navbar--z-index: 100;
-$c-navbar--background: $s-color--background-default;
-$c-navbar--link-offset: 5px;
-
-.c-navbar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  background: $c-navbar--background;
-  z-index: $c-navbar--z-index;
-
-  @extend %t-flexbox;
-}
-
-//Logo
-.c-navbar__logo-container {
-  @include t-align-self(center);
-  width: 12.5em;
-}
-
-.c-navbar__logo {
-  width: 100%;
-  height: 100%;
-}
-
-//Links
-.c-navbar__links {
-  width: 100%;
-  text-align: right;
-  display: none;
-  @include t-justify-content(flex-end);
-}
-
-.c-navbar__link {
-  @extend %s-font--navigation;
-
-  font-size: 1.2em;
-  padding: 0 1.5em;
-
-  @extend %t-inline-flex;
-  @include t-align-items(center);
-
-
-  &.active {
-    border-bottom: $s-thickness--border-thick solid $s-color--links;
-  }
-}
-
-.c-navbar__link-text {
-  //vertical-align: middle;
-}
-
-@include t-media-query($s-small-up) {
-  .c-navbar {
-    width: 90%;
-    top: 1em;
-    left: 1em;
-    @include t-box-shadow(-10px, 10px, 0px, rgba(0, 0, 0, 0.5));
-  }
-
-  .c-navbar__links {
-    @include t-flexbox;
-  }
-
-  .c-navbar__link {
-    background: $s-color--background-default;
-    transition: all 0.2s $s-animation--ease-out-curve;
-    margin-left: $c-navbar--link-offset;
-    @include t-translate(0em, 0em);
-    @include t-box-shadow(0px, 0px, 0px, rgba(0, 0, 0, 0.5));
-    &:hover {
-      @include t-translate($c-navbar--link-offset, -$c-navbar--link-offset);
-      @include t-box-shadow(-$c-navbar--link-offset, $c-navbar--link-offset, 0px, rgba(0, 0, 0, 0.5));
-    }
-  }
-}