init

themes/godocs-1/assets/scss/templates/_navigation.scss

@@ -0,0 +1,115 @@
+.navigation {
+  transition: .2s ease;
+
+  &.nav-bg {
+    background: $white;
+    @extend .shadow;
+
+    @include desktop {
+      top: -50px;
+    }
+  }
+
+  .form-inline button {
+    transition: 0s;
+  }
+
+  @include desktop {
+    .form-inline {
+      cursor: pointer;
+      margin: 0 10px 0 auto !important;
+
+      button {
+        padding: 10px;
+        position: static;
+        transform: none;
+      }
+    }
+
+    .navbar-toggler {
+      width: 30px;
+      margin: 0px;
+      padding: 0px;
+
+      &:focus {
+        outline: none;
+        box-shadow: none;
+      }
+
+      i {
+        color: $text-dark;
+        font-size: 20px;
+      }
+
+      .fa-xmark {
+        display: none;
+      }
+
+      .fa-bars {
+        display: block;
+      }
+
+      &[aria-expanded="true"] {
+        i {
+          display: none;
+        }
+
+        .fa-xmark {
+          display: block;
+        }
+      }
+    }
+  }
+}
+
+.nav-item {
+  margin: 0;
+
+  .nav-link {
+
+  }
+}
+
+.navbar-light .navbar-nav .nav-link {
+  color: $text-dark;
+
+  &:hover {
+    color: $color-primary;
+  }
+}
+
+.navbar-expand-lg .navbar-nav .nav-link {
+  padding: 20px;
+  font-size: 15px;
+  font-weight: 500;
+
+  @include desktop {
+    padding: 10px;
+    display: block;
+  }
+}
+
+#select-language {
+  border: 1px solid $border-color;
+  background: transparent;
+}
+
+.nav-tabs,
+.nav-tabs > li {
+  list-style: none !important;
+}
+
+.nav.nav-tabs .nav-item::before,
+.nav.nav-pills .nav-item::before {
+  content: none !important;
+}
+
+.nav-link,
+.nav-link:hover {
+  color:#484848;
+}
+
+.nav-pills-custom {
+  --bs-nav-tabs-link-active-color: #ffffff;
+  --bs-nav-tabs-link-active-bg: #759E4C;
+}