viniBaxter-desk_front 25 → 32.0.0

data/lib/viniBaxter/sass/desk_front/beckyBaxter/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/beckyBaxter/mixins/_nav-setup-normal.scss

@@ -0,0 +1,139 @@
+@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 🤍
+        margin: 2px 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: 3px 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: 6px;
+          width: 6px;
+          top: 11px;
+          left: -4px;
+          background: $color;
+          border-radius: 50%;
+        }
+      }
+
+      &.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/beckyBaxter/mixins/_nav-setup-ntf.scss

@@ -0,0 +1,146 @@
+@mixin nav-setup-ntf($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 🤍
+        margin: 0px 5px;
+        padding: 7px 5px;
+        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;
+      }
+
+      &:last-child > a {
+        margin: 0px 5px;
+        padding: 7px 5px;
+      }
+
+      &: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/beckyBaxter/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/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;
   }
-}
+}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_index.scss

@@ -0,0 +1,5 @@
+@import 'dropdown';
+@import 'navbar';
+@import 'sidebar-and-main-panel';
+@import 'misc';
+@import 'white-content';

data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_misc.scss

@@ -42,6 +42,7 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
 .pull-left {
   float: left;
 }
+
 .pull-right {
   float: right;
 }
@@ -50,7 +51,7 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
 
 .card {
   form {
-    label + .form-control {
+    label+.form-control {
       margin-bottom: 20px;
     }
   }
@@ -92,6 +93,7 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
   }
 
   &.card-chart {
+
     .gmnoprint,
     .gm-style-cc {
       display: none !important;
@@ -102,6 +104,7 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
 // documentation
 
 .bd-docs {
+
   h1,
   h2,
   h3,
@@ -114,7 +117,7 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
     color: #2c2c2c;
   }
 
-  .bd-content > table > thead > tr > th {
+  .bd-content>table>thead>tr>th {
     color: $black;
   }
 
@@ -123,6 +126,7 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
   .card p {
     color: rgba($white, 0.8);
   }
+
   .bd-example {
     background: linear-gradient(#1e1e2f, #1e1e24);
   }
@@ -139,6 +143,7 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
     .btn {
       margin: 4px 0;
     }
+
     .btn .badge {
       display: inline-block;
     }
@@ -172,7 +177,7 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
     color: hsla(0, 0%, 100%, 0.8);
   }
 
-  .form-check + .btn {
+  .form-check+.btn {
     margin-top: 20px;
   }
 
@@ -198,6 +203,7 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
     }
 
     .datepicker {
+
       thead th,
       table thead th,
       .tim-icons {
@@ -211,11 +217,12 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
   }
 
   .footer {
-    .container-fluid > nav {
+    .container-fluid>nav {
       display: inline-block;
     }
   }
 }
+
 .modal.show .modal-dialog {
   // # -webkit-transform: translate(0,30%);
   // # transform: translate(0,30%);
@@ -223,4 +230,4 @@ a[data-toggle='collapse'][aria-expanded='true'] .caret,
 
 code {
   color: $pink;
-}
+}