Attribute changed material-kit

[bootswatch] / material-kit / sass / material-kit / _navbar.scss

diff --git a/material-kit/sass/material-kit/_navbar.scss b/material-kit/sass/material-kit/_navbar.scss
new file mode 100755 (executable)
index 0000000..aabc0a3
--- /dev/null
+++ b/material-kit/sass/material-kit/_navbar.scss
@@ -0,0 +1,287 @@
+// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
+
+.navbar {
+//   background-color: $brand-primary;
+  border: 0;
+  border-radius: $border-radius-base;
+  @include shadow-big-navbar();
+
+  @extend .animation-transition-fast;
+
+  padding: 10px 0;
+
+  .navbar-brand {
+    position: relative;
+    height: 50px;
+    line-height: 30px;
+    color: inherit;
+    padding: 10px 15px;
+
+    &:hover,
+    &:focus {
+      color: inherit;
+      background-color: transparent;
+    }
+  }
+
+  .navbar-text {
+    color: inherit;
+    margin-top: 15px;
+    margin-bottom: 15px;
+  }
+
+  .navbar-nav {
+    > li > a {
+      color: inherit;
+      padding-top: 15px;
+      padding-bottom: 15px;
+
+      font-weight: $font-weight-default;
+      font-size: $mdb-btn-font-size-base;
+      text-transform: uppercase;
+
+      border-radius: $border-radius-base;
+
+      &:hover,
+      &:focus {
+        color: inherit;
+        background-color: transparent;
+      }
+
+
+      .material-icons,
+      .fa{
+            font-size: 20px;
+            max-width: 20px;
+      }
+
+      &:not(.btn-just-icon){
+          .fa{
+            position: relative;
+            top: 2px;
+            margin-top: -4px;
+            margin-right: 4px;
+          }
+      }
+    }
+
+    > li > .dropdown-menu{
+        margin-top: -20px;
+    }
+
+    > li.open > .dropdown-menu{
+        margin-top: 0;
+    }
+
+    > .active > a {
+      &,
+      &:hover,
+      &:focus {
+        color: inherit;
+        background-color: rgba(255, 255, 255, 0.1);
+      }
+    }
+    > .disabled > a {
+      &,
+      &:hover,
+      &:focus {
+        color: inherit;
+        background-color: transparent;
+        opacity: 0.9;
+      }
+    }
+  }
+
+  // Darken the responsive nav toggle
+  .navbar-toggle {
+    border: 0;
+    &:hover,
+    &:focus {
+      background-color: transparent;
+    }
+    .icon-bar {
+      background-color: inherit;
+      border: 1px solid;
+    }
+  }
+
+  .navbar-default .navbar-toggle,
+  .navbar-inverse .navbar-toggle {
+    border-color: transparent;
+  }
+
+  .navbar-collapse,
+  .navbar-form {
+    border-top: none;
+    box-shadow: none;
+  }
+
+  // Dropdowns
+  .navbar-nav {
+    > .open > a {
+      &,
+      &:hover,
+      &:focus {
+        background-color: transparent;
+        color: inherit;
+      }
+    }
+
+    @media (max-width: $grid-float-breakpoint-max) {
+      .navbar-text {
+        color: inherit;
+        margin-top: 15px;
+        margin-bottom: 15px;
+      }
+
+      // Dropdowns get custom display
+      .open .dropdown-menu {
+        > .dropdown-header {
+          border: 0;
+          color: inherit;
+        }
+        .divider {
+          border-bottom: 1px solid;
+          opacity: 0.08;
+        }
+        > li > a {
+          color: inherit;
+          &:hover,
+          &:focus {
+            color: inherit;
+            background-color: transparent;
+          }
+        }
+        > .active > a {
+          &,
+          &:hover,
+          &:focus {
+            color: inherit;
+            background-color: transparent;
+          }
+        }
+        > .disabled > a {
+          &,
+          &:hover,
+          &:focus {
+            color: inherit;
+            background-color: transparent;
+          }
+        }
+      }
+    }
+  }
+
+    &.navbar-default{
+        .logo-container .brand{
+            color: $gray;
+        }
+    }
+
+  .navbar-link {
+    color: inherit;
+    &:hover {
+      color: inherit;
+    }
+  }
+
+  .btn{
+      margin-top: 0;
+      margin-bottom: 0;
+  }
+  .btn-link {
+    color: inherit;
+    &:hover,
+    &:focus {
+      color: inherit;
+    }
+    &[disabled],
+    fieldset[disabled] & {
+      &:hover,
+      &:focus {
+        color: inherit;
+      }
+    }
+  }
+
+  .navbar-form {
+    margin: 4px 0 0;
+    .form-group {
+      margin: 0;
+      padding: 0;
+
+      .material-input:before,
+      &.is-focused .material-input:after {
+        background-color: inherit;
+      }
+    }
+
+    .form-group .form-control,
+    .form-control {
+      border-color: inherit;
+      color: inherit;
+      padding: 0;
+      margin: 0;
+
+      // re-normalize inputs in a navbar the size of standard bootstrap since our normal inputs are larger by spec than bootstrap
+      //---
+      //height: $mdb-input-height-base;
+      $bs-line-height-base: 1.428571429 !default;
+      $bs-line-height-computed:    floor(($font-size-base * $bs-line-height-base)) !default; // ~20px
+      height: ($bs-line-height-computed + 8px);
+      font-size: $font-size-base;
+      line-height: $bs-line-height-base;
+      //---
+    }
+  }
+
+  // SASS conversion note: please mirror any content change in _mixins-shared.scss navbar-variations-content
+  @include navbar-variations(unquote(".navbar"), unquote(""), $brand-primary);
+
+
+  &-inverse {
+    background-color: $indigo;
+  }
+
+  &.navbar-transparent{
+      background-color: transparent;
+      box-shadow: none;
+      color: #fff;
+      padding-top: 25px;
+
+      .logo-container .brand{
+          color: $white-color;
+      }
+  }
+  &-fixed-top{
+      border-radius: 0;
+  }
+  @media (max-width: $screen-md-max) {
+
+    .navbar-brand {
+      height: 50px;
+      padding: 10px 15px;
+    }
+/*
+    .navbar-form {
+      margin-top: 10px;
+    }
+*/
+
+    .navbar-nav > li > a {
+      padding-top: 15px;
+      padding-bottom: 15px;
+    }
+  }
+
+    .alert{
+        border-radius: 0;
+        left: 0;
+        position: absolute;
+        right: 0;
+        top: 85px;
+        width: 100%;
+        z-index: 3;
+        transition: all 0.3s;
+    }
+}