viniBaxter-desk_front 26 → 34.0.0

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_caret-color.scss

@@ -0,0 +1,10 @@
+@mixin caret-color($color) {
+  content: '';
+  position: absolute;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid $color;
+  top: -5px;
+  left: 40px;
+  transform: translate(-50%);
+}

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-normal.scss

@@ -0,0 +1,160 @@
+@mixin nav-setup-normal($color) {
+  .nav {
+    // margin-top: 20px;
+    display: block;
+
+    .caret {
+      top: 14px;
+      position: absolute;
+      right: 10px;
+    }
+
+    li {
+      >a+div .nav {
+        margin-top: 5px;
+
+        li>a {
+          margin-top: 0px;
+          padding: 2px 8px;
+        }
+      }
+
+      >a {
+        //  change 🤍
+        // border-radius: $btn-round-radius;
+        // color: $color;
+        // display: block;
+        // text-decoration: none;
+        // position: relative;
+        // text-transform: uppercase;
+        // cursor: pointer;
+        // font-size: $font-size-sm !important;
+        // padding: 3px 8px;
+        // line-height: $line-height-lg;
+
+        margin: 10px 15px 0;
+        border-radius: $btn-round-radius;
+        color: $color;
+        display: block;
+        text-decoration: none;
+        position: relative;
+        text-transform: uppercase;
+        cursor: pointer;
+        font-size: $font-size-sm !important;
+        padding: 2px 8px;
+        line-height: $line-height-lg;
+
+
+      }
+
+      //  change 🤍
+      &:first-child>a {
+        margin: 0 15px;
+      }
+
+      &:last-child>a {
+        margin: 0 15px;
+      }
+
+      &:hover:not(.active)>a,
+      &:focus:not(.active)>a {
+
+        p,
+        i {
+          color: $color;
+        }
+      }
+
+      &:hover:not(.active)>a i,
+      &:focus:not(.active)>a i {
+        color: $color;
+      }
+
+      &.active>a:not([data-toggle='collapse']) {
+        background: transparent;
+
+        i,
+        p {
+          color: white;
+        }
+
+        //  change 🤍
+        &:before {
+
+          content: ' ';
+          position: absolute;
+          height: 100%;
+          width: 6px;
+          top: 0px;
+          left: -10px;
+          background: $color;
+          border-radius: 5px;
+        }
+      }
+
+      &.active>a[data-toggle='collapse'] {
+        background: transparent;
+        box-shadow: none;
+        color: $color;
+
+        i {
+          color: $color;
+        }
+
+        &+div .nav .active a {
+          box-shadow: none;
+
+          .sidebar-mini-icon,
+          .sidebar-normal {
+            color: $color;
+            font-weight: $font-weight-normal;
+          }
+
+          //  change 🤍
+          &:before {
+            content: ' ';
+            position: absolute;
+            height: 6px;
+            width: 6px;
+            top: 17px;
+            left: -4px;
+            background: $color;
+            border-radius: 50%;
+          }
+        }
+
+        &:before {
+          content: ' ';
+          position: absolute;
+          height: 6px;
+          width: 6px;
+          top: 22px;
+          left: -4px;
+          background: rgba($color, 0.6);
+          border-radius: 50%;
+        }
+      }
+    }
+
+    p {
+      margin: 0;
+      line-height: 30px;
+      position: relative;
+      display: block;
+      height: auto;
+      white-space: nowrap;
+      @extend .animation-transition-general;
+    }
+
+    i {
+      font-size: 20px;
+      float: left;
+      margin-right: 12px;
+      line-height: 30px;
+      width: 34px;
+      text-align: center;
+      color: $opacity-8;
+      position: relative;
+    }
+  }
+}

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-ntf.scss

@@ -0,0 +1,156 @@
+@mixin nav-setup-ntf($color) {
+  .nav {
+    // margin-top: 20px;
+    display: block;
+    // display: flex !important;
+    // flex-direction: column;
+    // height: 60%;
+    // justify-content: space-around;
+
+    .caret {
+      top: 14px;
+      position: absolute;
+      right: 10px;
+    }
+
+    li {
+      >a+div .nav {
+        margin-top: 5px;
+
+        li>a {
+          margin-top: 0px;
+          padding: 2px 8px;
+        }
+      }
+
+      >a {
+        //  change 🤍
+        margin: 0px 5px;
+        padding: 7px 5px 7px 12px;
+        border-radius: $btn-round-radius;
+        color: $color;
+        display: block;
+        text-decoration: none;
+        position: relative;
+        text-transform: uppercase;
+        cursor: pointer;
+        font-size: $font-size-sm !important;
+        line-height: $line-height-lg;
+      }
+
+      //  change 🤍
+      &:first-child>a {
+        margin: 0px 5px;
+        padding: 7px 5px 7px 12px;
+      }
+
+      &:last-child>a {
+        margin: 0px 5px;
+        padding: 7px 5px 7px 12px;
+      }
+
+      &:hover:not(.active)>a,
+      &:focus:not(.active)>a {
+
+        p,
+        i {
+          color: $color;
+        }
+      }
+
+      &:hover:not(.active)>a i,
+      &:focus:not(.active)>a i {
+        color: $color;
+      }
+
+      &.active>a:not([data-toggle='collapse']) {
+        background: transparent;
+
+        i {
+          color: $color;
+        }
+
+        p {
+          color: $color;
+        }
+
+        //  change 🤍
+        //  this is simple link 🤍
+        &:before {
+          content: ' ';
+          position: absolute;
+          height: 100%;
+          width: 12px;
+          top: 0px;
+          left: -12px;
+          background: $color;
+          border-radius: 10px;
+        }
+      }
+
+      &.active>a[data-toggle='collapse'] {
+        background: transparent;
+        box-shadow: none;
+        color: $color;
+
+        i {
+          color: $color;
+        }
+
+        &+div .nav .active a {
+          box-shadow: none;
+
+          .sidebar-mini-icon,
+          .sidebar-normal {
+            color: $color;
+            font-weight: $font-weight-normal;
+          }
+
+          &:before {
+            content: ' ';
+            position: absolute;
+            height: 6px;
+            width: 6px;
+            top: 17px;
+            left: -4px;
+            background: $color;
+            border-radius: 50%;
+          }
+        }
+
+        //  this is sub menu toggle 🤍
+        &:before {
+          content: ' ';
+          position: absolute;
+          height: 100%;
+          width: 12px;
+          top: 0px;
+          left: -12px;
+          background: $color;
+          border-radius: 10px;
+        }
+      }
+    }
+
+    p {
+      margin: 0;
+      line-height: 30px;
+      position: relative;
+      display: block;
+      height: auto;
+      white-space: nowrap;
+      @extend .animation-transition-general;
+    }
+
+    i {
+      font-size: 20px;
+      float: left;
+      margin-right: 12px;
+      line-height: 30px;
+      width: 34px;
+      text-align: center;
+      color: $opacity-8;
+      position: relative;
+    }
+  }
+}

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup.scss

@@ -0,0 +1,8 @@
+@mixin nav-setup($color, $nav-style) {
+  @if ($nav-style == 'normal') {
+    @include nav-setup-normal($color);
+  }
+  @if ($nav-style == 'ntf') {
+    @include nav-setup-ntf($color);
+  }
+}

data/lib/viniBaxter/sass/desk_front/{beckyBaxter → v2lrf-dashboard}/new_nav/_dropdown.scss

@@ -5,6 +5,7 @@
   @include transitions($fast-transition-time, $transition-linear);
 
   &.dropdown-menu-right {
+
     &:before,
     &:after {
       left: auto;
@@ -15,6 +16,7 @@
   &.dropdown-black {
     background: linear-gradient(to bottom, $black 0%, $black-states 100%);
     border: 1px solid $default;
+
     .dropdown-item {
       color: rgba(255, 255, 255, 0.7);
     }
@@ -95,6 +97,7 @@
   }
 
   .dropdown-item {
+
     &.active,
     &:active {
       color: inherit;
@@ -125,6 +128,7 @@
     }
 
     &.dropdown-menu-right {
+
       &:after,
       &:before {
         right: 10px;
@@ -191,12 +195,10 @@
   }
 
   &.dropdown-primary {
-    @include dropdown-colors(
-      darken($primary, 3%),
+    @include dropdown-colors(darken($primary, 3%),
       $opacity-8,
       $white,
-      $opacity-2
-    );
+      $opacity-2);
   }
 
   &.dropdown-info {
@@ -204,30 +206,24 @@
   }
 
   &.dropdown-danger {
-    @include dropdown-colors(
-      darken($danger, 3%),
+    @include dropdown-colors(darken($danger, 3%),
       $opacity-8,
       $white,
-      $opacity-2
-    );
+      $opacity-2);
   }
 
   &.dropdown-success {
-    @include dropdown-colors(
-      darken($success, 3%),
+    @include dropdown-colors(darken($success, 3%),
       $opacity-8,
       $white,
-      $opacity-2
-    );
+      $opacity-2);
   }
 
   &.dropdown-warning {
-    @include dropdown-colors(
-      darken($warning, 3%),
+    @include dropdown-colors(darken($warning, 3%),
       $opacity-8,
       $white,
-      $opacity-2
-    );
+      $opacity-2);
   }
 
   .dropdown &,
@@ -285,6 +281,7 @@
 
   &.dropdown-navbar {
     left: -80px;
+
     &:before,
     &:after {
       left: auto;
@@ -326,7 +323,7 @@
 
 .btn:not(:disabled):not(.disabled).active:focus,
 .btn:not(:disabled):not(.disabled):active:focus,
-.show > .btn.dropdown-toggle:focus {
+.show>.btn.dropdown-toggle:focus {
   box-shadow: none;
 }
 
@@ -351,6 +348,7 @@
   .button-dropdown {
     display: none;
   }
+
   .dropdown-toggle:after {
     display: inline-block;
     width: 0;
@@ -369,4 +367,4 @@
   .dropdown-menu .dropdown-item {
     color: $dark-gray;
   }
-}
+}