viniBaxter-desk_front 31.0.0 → 32.0.0

data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_sidebar-and-main-panel.scss

@@ -14,6 +14,7 @@
 .sidebar-wrapper ul li div.collapsing ul li div.collapse ul li a {
   margin-left: 25px;
 }
+
 .sidebar,
 .off-canvas-sidebar {
   // @include linear-gradient($primary-states, $primary);
@@ -47,9 +48,9 @@
       border: none;
     }
 
-    > .nav,
+    >.nav,
     .user .info {
-      [data-toggle='collapse'] ~ div > ul > li > a {
+      [data-toggle='collapse']~div>ul>li>a {
         span {
           display: inline-block;
           @extend .animation-transition-general;
@@ -92,14 +93,15 @@
       }
     }
 
-    [data-toggle='collapse'] ~ div > ul > li:hover > a {
+    [data-toggle='collapse']~div>ul>li:hover>a {
+
       .sidebar-mini-icon,
       .sidebar-normal {
         color: $white;
       }
     }
 
-    .nav [data-toggle='collapse'] ~ div > ul > li > a .sidebar-mini-icon {
+    .nav [data-toggle='collapse']~div>ul>li>a .sidebar-mini-icon {
       opacity: 0;
     }
   }
@@ -111,6 +113,7 @@
     opacity: 1;
     @extend .animation-transition-general;
   }
+
   .logo-tim {
     border-radius: 50%;
     border: 1px solid #333;
@@ -231,51 +234,63 @@
 
   &[data='blue'] {
     @include linear-gradient($info-states, $info);
+
     &:before {
       border-bottom-color: $info;
     }
+
     &:not(.sidebar-dashboard-light) {
       &:before {
         @include caret-color($info);
       }
     }
   }
+
   &[data='green'] {
     @include linear-gradient($success-states, $success);
+
     &:before {
       border-bottom-color: $success;
     }
+
     &:not(.sidebar-dashboard-light) {
       &:before {
         @include caret-color($success);
       }
     }
   }
+
   &[data='orange'] {
     @include linear-gradient($warning-states, $warning);
+
     &:before {
       border-bottom-color: $warning;
     }
+
     &:not(.sidebar-dashboard-light) {
       &:before {
         @include caret-color($warning);
       }
     }
   }
+
   &[data='red'] {
     @include linear-gradient($danger-states, $danger);
+
     &:before {
       border-bottom-color: $danger;
     }
+
     &:not(.sidebar-dashboard-light) {
       &:before {
         @include caret-color($danger);
       }
     }
   }
-  &[data='light'] {
-    // background-color: #fff !important;
-  }
+
+  // &[data='light'] {
+  //   // background-color: #fff !important;
+  // }
 
   .user {
     padding-bottom: 20px;
@@ -318,11 +333,11 @@
     }
 
     .info {
-      > a {
+      >a {
         display: block;
         line-height: 18px;
 
-        > span {
+        >span {
           @extend .animation-transition-general;
           display: block;
           position: relative;
@@ -342,18 +357,20 @@
 .visible-on-sidebar-regular {
   display: inline-block !important;
 }
+
 .visible-on-sidebar-mini {
   display: none !important;
 }
 
 .off-canvas-sidebar {
   .nav {
-    > li > a,
-    > li > a:hover {
+
+    >li>a,
+    >li>a:hover {
       color: $white;
     }
 
-    > li > a:focus {
+    >li>a:focus {
       background: rgba(200, 200, 200, 0.2);
     }
   }
@@ -365,15 +382,18 @@
   width: $full-width;
   min-height: 100vh;
   border-top: 2px solid $primary;
+
   .fixed-top {
     border-top: 2px solid $primary;
   }
+
   background: linear-gradient($background-black, $background-states-black);
 
   @include transitions(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));
 
   &[data='blue'] {
     border-top: 2px solid $info;
+
     .fixed-top {
       border-top: 2px solid $info;
     }
@@ -381,6 +401,7 @@
 
   &[data='green'] {
     border-top: 2px solid $success;
+
     .fixed-top {
       border-top: 2px solid $success;
     }
@@ -388,6 +409,7 @@
 
   &[data='orange'] {
     border-top: 2px solid $warning;
+
     .fixed-top {
       border-top: 2px solid $warning;
     }
@@ -395,6 +417,7 @@
 
   &[data='red'] {
     border-top: 2px solid $danger;
+
     .fixed-top {
       border-top: 2px solid $danger;
     }
@@ -402,17 +425,18 @@
 
   &[data='primary'] {
     border-top: 2px solid $primary;
+
     .fixed-top {
       border-top: 2px solid $primary;
     }
   }
 
-  > .content {
+  >.content {
     padding: 80px 30px 30px 280px;
     min-height: calc(100vh - 70px);
   }
 
-  > .navbar {
+  >.navbar {
     margin-bottom: 0;
   }
 
@@ -423,45 +447,53 @@
   &.main-panel-dashboard-light {
     &[data='light'] {
       border-top: 2px solid $nft-dark;
+
       .fixed-top {
         border-top: 2px solid $nft-dark;
       }
     }
-    > .content {
+
+    >.content {
       padding: 80px 0px 30px 230px;
       min-height: calc(100vh - 70px);
-      @include media-breakpoint-up(xl) {
-        .main-content-light {
-          border-radius: 30px 0px 0px 30px;
-          box-shadow: $material-shadow4;
-          height: calc(100vh - 15vh) !important;
-          // position: fixed;
-          // width: 90%;
-          overflow-y: auto;
-          overflow-x: hidden;
-          // background-image: url('https://cdn.dribbble.com/users/59947/screenshots/15084962/media/a57deba0874f256ddefdc17d39155385.jpg');
-          // background-image: url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/FIXED_for_all/images/dashboard-spafolly.jpg');
-          background-image: url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/FIXED_for_all/patterns/topography5.svg');
-          background-repeat: repeat;
-          background-size: contain;
-          // padding: 20px;
-          &:before {
-            // content: '';
-            width: 100%;
-            height: 80%;
-            position: absolute;
-            opacity: 0.3;
-            border-radius: 30px 0px 0px 30px;
-            overflow: hidden;
-            background-image: url('https://cdn.dribbble.com/users/3060738/screenshots/12765413/media/bf83f45bf3c1d6679bc39ff62b5e0f20.jpg');
-          }
-        }
+
+
+      .main-content-light {
+        background-color: $nft-white;
+
+        // @include media-breakpoint-up(xl) {
+        //   border-radius: 30px 0px 0px 30px;
+        //   box-shadow: $material-shadow4;
+        //   max-height: calc(100vh - 15vh) !important;
+        //   position: fixed;
+        //   // width: 90%;
+        //   overflow-y: scroll;
+        //   overflow-x: hidden;
+        //   // background-image: url('https://cdn.dribbble.com/users/59947/screenshots/15084962/media/a57deba0874f256ddefdc17d39155385.jpg');
+        //   // background-image: url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/FIXED_for_all/images/dashboard-spafolly.jpg');
+        //   // background-image: url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/FIXED_for_all/patterns/topography5.svg');
+        //   // background-repeat: repeat;
+        //   // background-size: contain;
+
+        //   // padding: 20px;
+        //   &:before {
+        //     // content: '';
+        //     width: 100%;
+        //     height: 80%;
+        //     position: absolute;
+        //     opacity: 0.3;
+        //     border-radius: 30px 0px 0px 30px;
+        //     overflow: hidden;
+        //     background-image: url('https://cdn.dribbble.com/users/3060738/screenshots/12765413/media/bf83f45bf3c1d6679bc39ff62b5e0f20.jpg');
+        //   }
+        // }
       }
     }
   }
 }
 
 .perfect-scrollbar-on {
+
   .sidebar,
   .main-panel {
     height: 100%;
@@ -473,15 +505,14 @@
   height: $sidebar-width;
   padding-top: 80px;
   padding-bottom: 45px;
-  background: #141e30; /* fallback for old browsers */
-  background: -webkit-gradient(
-    linear,
-    left top,
-    right top,
-    from(#0c2646),
-    color-stop(60%, #204065),
-    to(#2a5788)
-  );
+  background: #141e30;
+  /* fallback for old browsers */
+  background: -webkit-gradient(linear,
+      left top,
+      right top,
+      from(#0c2646),
+      color-stop(60%, #204065),
+      to(#2a5788));
   background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%);
   position: relative;
   overflow: hidden;
@@ -490,6 +521,7 @@
     .title {
       color: $white;
     }
+
     .category {
       max-width: 600px;
       color: $opacity-5;
@@ -547,6 +579,7 @@
     .sidebar {
       @include transition($sidebar-transition);
       @include transform-translate-x(0px);
+
       &:before {
         content: unset;
       }
@@ -603,9 +636,11 @@
 
   .main-panel {
     width: 100%;
+
     .content {
       padding-left: 30px;
     }
+
     &.main-panel-dashboard-light {
       .content {
         padding-left: 0px;
@@ -615,6 +650,7 @@
 }
 
 @include media-breakpoint-up(lg) {
+
   .sidebar,
   .main-panel,
   .sidebar-wrapper {
@@ -631,6 +667,7 @@
     .visible-on-sidebar-regular {
       display: none !important;
     }
+
     .visible-on-sidebar-mini {
       display: inline-block !important;
     }
@@ -656,23 +693,17 @@
       }
 
       .sidebar-wrapper {
-        > .nav [data-toggle='collapse'] ~ div > ul > li > a .sidebar-normal,
-        .user
-          .info
-          [data-toggle='collapse']
-          ~ div
-          > ul
-          > li
-          > a
-          .sidebar-normal,
-        .user .info > a > span,
-        > .nav li > a p {
+
+        >.nav [data-toggle='collapse']~div>ul>li>a .sidebar-normal,
+        .user .info [data-toggle='collapse']~div>ul>li>a .sidebar-normal,
+        .user .info>a>span,
+        >.nav li>a p {
           @include transform-translate-x(-25px);
           opacity: 0;
         }
       }
 
-      .nav [data-toggle='collapse'] ~ div > ul > li > a .sidebar-mini-icon {
+      .nav [data-toggle='collapse']~div>ul>li>a .sidebar-mini-icon {
         opacity: 1;
       }
     }
@@ -690,37 +721,31 @@
       .navbar-minimize {
         opacity: 1;
       }
+
       .sidebar-wrapper {
         width: $sidebar-width;
 
-        > .nav li > a p,
-        > .nav [data-toggle='collapse'] ~ div > ul > li > a .sidebar-normal,
-        .user
-          .info
-          [data-toggle='collapse']
-          ~ div
-          > ul
-          > li
-          > a
-          .sidebar-normal,
-        .user .info > a > span {
+        >.nav li>a p,
+        >.nav [data-toggle='collapse']~div>ul>li>a .sidebar-normal,
+        .user .info [data-toggle='collapse']~div>ul>li>a .sidebar-normal,
+        .user .info>a>span {
           @include transform-translate-x(0px);
           opacity: 1;
         }
       }
 
-      .nav [data-toggle='collapse'] ~ div > ul > li > a .sidebar-mini-icon {
+      .nav [data-toggle='collapse']~div>ul>li>a .sidebar-mini-icon {
         opacity: 0;
       }
     }
 
     .main-panel {
-      > .content {
+      >.content {
         padding-left: 130px;
       }
 
       &.main-panel-dashboard-light {
-        > .content {
+        >.content {
           padding-left: 80px;
           position: absolute;
           // z-index: 9999999;
@@ -738,16 +763,19 @@
     .navbar-minimize {
       button {
         margin-left: 10px;
+
         i {
           color: $white;
           font-size: 20px;
         }
       }
     }
+
     &.main-panel-dashboard-light {
       .navbar-minimize {
         button {
           margin-left: 10px;
+
           i {
             color: $nft-dark;
             font-size: 20px;
@@ -811,6 +839,7 @@
     .sidebar {
       @include transition($sidebar-transition);
       @include transform-translate-x(0px);
+
       &:before {
         content: unset;
       }
@@ -870,7 +899,7 @@
     transform: translate3d(0px, 0, 0);
   }
 
-  .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a p {
+  .sidebar-mini .sidebar .sidebar-wrapper>.nav li>a p {
     opacity: 1;
   }
 
@@ -882,4 +911,4 @@
   .minimize-sidebar {
     display: none;
   }
-}
+}