viniBaxter-desk_front 34.0.0 → 35.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c32a70a3f887196ca776cbeda99a846009db39127e1d8d910796a3e0deb3d449
-  data.tar.gz: 78d6faae6ef0b840091cea6e18c9516bbfac7217b58eb7f914685c985dd7f324
+  metadata.gz: df9ea4aa152af6c49ca4b6b82cb5e657d315b41ec522cb74a79f0b96f70df3cb
+  data.tar.gz: c3bbe5c42fe5deae27a6fef1409c3529d75a7c8d8709ebdc4f609ad5cac7e263
 SHA512:
-  metadata.gz: d78a81f7c9c88c8e2470e9d2da62d6f5d37e0460958295ae2ffc8fb1cba0f9dc2df1e902f65979950d4338e02cd222c1756a3cd7b3b72ccaa4b556325860bdcb
-  data.tar.gz: 1a06edfd88a25e607c856a0a298b4dbd2dfa2e70272debb9eb12dc7c8aab8319ec063be60875993a6aed2a8c469a3d66460c4135e7f71b576008a8be11294d20
+  metadata.gz: 97d981fdc402f620f8690f194cf819bed0620a7adbbf76dacd5397829488ed821f5389ca79de35c61645e0a3e7e75dea10a831952557ac2fbb0bf3d6403b924f
+  data.tar.gz: ec381a28d24ee0d757435674ca05686ceae345a79d8a747c1336c3f0642bb0784a5a48b6ef23b35a9789cb8eabf12d956a9020c97591432d49ed30e2561710c3

data/lib/viniBaxter/desk_front/version.rb

@@ -1,6 +1,6 @@
 module ViniBaxter
   module DeskFront
-    MAJOR = 34
+    MAJOR = 35
     MINOR = 0
     TINY = 0
     # PRE = "alpha"

data/lib/viniBaxter/sass/desk_front.scss

@@ -1,3 +1,4 @@
+
 // bootstrap
 @import 'desk_front/bootstrap/bootstrap';
 

data/lib/viniBaxter/sass/desk_front/bootstrap/_buttons.scss

@@ -91,7 +91,7 @@ $value in $theme-colors {
     text-align: center;
     // border: 1px solid $value;
     // background-color: lighten($value, 90%);
-    border: 3px solid $nft-withe;
+    border: 3px solid $nft-white;
     background-color: lighten($value, 78%);
     outline: none;
     margin: 0px;
@@ -106,7 +106,7 @@ $value in $theme-colors {
 
     &.active {
       background-color: $value !important;
-      color: $nft-withe !important;
+      color: $nft-white !important;
     }
 
   }

data/lib/viniBaxter/sass/desk_front/bootstrap/_card.scss

@@ -12,16 +12,14 @@
   background-color: $card-bg;
   background-clip: border-box;
   border: $card-border-width solid $card-border-color;
-  backdrop-filter: saturate(101.8%) blur(7px) !important;
-  background-color: rgba(255, 255, 255, 0.1) !important;
   @include border-radius($card-border-radius);
 
-  > hr {
+  >hr {
     margin-right: 0;
     margin-left: 0;
   }
 
-  > .list-group {
+  >.list-group {
     border-top: inherit;
     border-bottom: inherit;
 
@@ -38,8 +36,8 @@
 
   // Due to specificity of the above selector (`.card > .list-group`), we must
   // use a child selector here to prevent double borders.
-  > .card-header + .list-group,
-  > .list-group + .card-footer {
+  >.card-header+.list-group,
+  >.list-group+.card-footer {
     border-top: 0;
   }
 }
@@ -73,7 +71,7 @@
     text-decoration: none;
   }
 
-  + .card-link {
+  +.card-link {
     margin-left: $card-spacer-x;
   }
 }
@@ -90,9 +88,7 @@
   border-bottom: $card-border-width solid $card-border-color;
 
   &:first-child {
-    @include border-radius(
-      $card-inner-border-radius $card-inner-border-radius 0 0
-    );
+    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
   }
 }
 
@@ -103,9 +99,7 @@
   border-top: $card-border-width solid $card-border-color;
 
   &:last-child {
-    @include border-radius(
-      0 0 $card-inner-border-radius $card-inner-border-radius
-    );
+    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
   }
 }
 
@@ -181,23 +175,25 @@
 //
 
 .card-group {
+
   // The child selector allows nested `.card` within `.card-group`
   // to display properly.
-  > .card {
+  >.card {
     margin-bottom: $card-group-margin;
   }
 
   @include media-breakpoint-up(sm) {
     display: flex;
     flex-flow: row wrap;
+
     // The child selector allows nested `.card` within `.card-group`
     // to display properly.
-    > .card {
+    >.card {
       // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
       flex: 1 0 0%;
       margin-bottom: 0;
 
-      + .card {
+      +.card {
         margin-left: 0;
         border-left: 0;
       }
@@ -212,6 +208,7 @@
             // stylelint-disable-next-line property-blacklist
             border-top-right-radius: 0;
           }
+
           .card-img-bottom,
           .card-footer {
             // stylelint-disable-next-line property-blacklist
@@ -227,6 +224,7 @@
             // stylelint-disable-next-line property-blacklist
             border-top-left-radius: 0;
           }
+
           .card-img-bottom,
           .card-footer {
             // stylelint-disable-next-line property-blacklist
@@ -267,7 +265,7 @@
 .accordion {
   overflow-anchor: none;
 
-  > .card {
+  >.card {
     overflow: hidden;
 
     &:not(:last-of-type) {
@@ -279,9 +277,9 @@
       @include border-top-radius(0);
     }
 
-    > .card-header {
+    >.card-header {
       @include border-radius(0);
       margin-bottom: -$card-border-width;
     }
   }
-}
+}

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/_mixins.scss

@@ -1,18 +1,18 @@
 @import 'mixins/alert';
-@import 'mixins/badges';
 @import 'mixins/background-variant';
+@import 'mixins/badges';
+@import 'mixins/caret-color';
+@import 'mixins/dropdown';
 @import 'mixins/forms';
 @import 'mixins/icon';
+@import 'mixins/inputs';
 @import 'mixins/modals';
-@import 'mixins/popovers';
+@import 'mixins/nav-setup-normal';
+@import 'mixins/nav-setup-ntf';
+@import 'mixins/nav-setup';
+@import 'mixins/opacity';
 @import 'mixins/page-header';
+@import 'mixins/popovers';
 @import 'mixins/vendor-prefixes';
-@import 'mixins/opacity';
-@import 'mixins/modals';
-@import 'mixins/inputs';
-@import 'mixins/dropdown';
 @import 'mixins/wizard';
-@import 'mixins/nav-setup-normal';
-@import 'mixins/nav-setup-ntf';
-@import 'mixins/caret-color';
-@import 'mixins/nav-setup';
+@import 'mixins/blur'

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/administrate/base/_layout.scss

@@ -1,5 +1,5 @@
 html {
-  background-color: $nft-withe;
+  background-color: $nft-white;
   box-sizing: border-box;
 }
 

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_custom-dashboard-ui.scss

@@ -19,6 +19,10 @@
             @include linear-gradient($black-states, $cplus_light);
         }
 
+        &[value='grey'] {
+            @include linear-gradient($gray-200, $gray-400);
+        }
+
         &[value='primary'] {
             @include linear-gradient($primary-states, $primary);
         }

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-blured.scss

@@ -0,0 +1,3 @@
+.card.blured {
+    @include blur-it;
+}

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_index.scss

@@ -14,4 +14,5 @@
 @import 'card-stats';
 @import 'card-subcategories';
 @import 'card-testimonials';
-@import 'card-wizard';
+@import 'card-wizard';
+@import 'card-blured'

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

@@ -0,0 +1,4 @@
+@mixin blur-it {
+    backdrop-filter: saturate(101.8%) blur(7px) !important;
+    background-color: rgba(255, 255, 255, 0.1) !important;
+}

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

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

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_vendor-prefixes.scss

@@ -1,29 +1,28 @@
-
-@mixin transform-translate-x($value){
-     -webkit-transform:  translate3d($value, 0, 0);
-        -moz-transform: translate3d($value, 0, 0);
-        -o-transform: translate3d($value, 0, 0);
-        -ms-transform: translate3d($value, 0, 0);
-        transform: translate3d($value, 0, 0);
+@mixin transform-translate-x($value) {
+  -webkit-transform: translate3d($value, 0, 0);
+  -moz-transform: translate3d($value, 0, 0);
+  -o-transform: translate3d($value, 0, 0);
+  -ms-transform: translate3d($value, 0, 0);
+  transform: translate3d($value, 0, 0);
 }
 
-@mixin transform-translate-y($value){
-     -webkit-transform:  translate3d(0,$value,0);
-        -moz-transform: translate3d(0,$value,0);
-        -o-transform: translate3d(0,$value,0);
-        -ms-transform: translate3d(0,$value,0);
-        transform: translate3d(0,$value,0);
+@mixin transform-translate-y($value) {
+  -webkit-transform: translate3d(0, $value, 0);
+  -moz-transform: translate3d(0, $value, 0);
+  -o-transform: translate3d(0, $value, 0);
+  -ms-transform: translate3d(0, $value, 0);
+  transform: translate3d(0, $value, 0);
 }
 
-@mixin transitions($time, $type){
-    -webkit-transition: all $time $type;
-    -moz-transition: all $time $type;
-    -o-transition: all $time $type;
-    -ms-transition: all $time $type;
-    transition: all $time $type;
+@mixin transitions($time, $type) {
+  -webkit-transition: all $time $type;
+  -moz-transition: all $time $type;
+  -o-transition: all $time $type;
+  -ms-transition: all $time $type;
+  transition: all $time $type;
 }
 
-@mixin diagonal-gradient($start-color, $end-color){
+@mixin diagonal-gradient($start-color, $end-color) {
   background: $start-color;
   background-image: -webkit-linear-gradient(to bottom left, $start-color, $end-color, $start-color);
   background-image: -o-linear-gradient(to bottom left, $start-color, $end-color, $start-color);
@@ -33,153 +32,315 @@
   background-position: top right;
 }
 
-@mixin bar-animation($type){
-     -webkit-animation: $type 500ms linear 0s;
-     -moz-animation: $type 500ms linear 0s;
-     animation: $type 500ms 0s;
-     -webkit-animation-fill-mode: forwards;
-     -moz-animation-fill-mode: forwards;
-     animation-fill-mode: forwards;
+@mixin bar-animation($type) {
+  -webkit-animation: $type 500ms linear 0s;
+  -moz-animation: $type 500ms linear 0s;
+  animation: $type 500ms 0s;
+  -webkit-animation-fill-mode: forwards;
+  -moz-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
 }
 
-@mixin rotate-180(){
-    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-    -webkit-transform: rotate(180deg);
-    -ms-transform: rotate(180deg);
-    transform: rotate(180deg);
+@mixin rotate-180() {
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+  -webkit-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  transform: rotate(180deg);
 }
 
 @mixin transform-translate-y-dropdown($value) {
-    -webkit-transform:  translate3d(0,$value,0) !important;
-       -moz-transform: translate3d(0,$value,0) !important;
-       -o-transform: translate3d(0,$value,0) !important;
-       -ms-transform: translate3d(0,$value,0) !important;
-       transform: translate3d(0,$value,0) !important;
+  -webkit-transform: translate3d(0, $value, 0) !important;
+  -moz-transform: translate3d(0, $value, 0) !important;
+  -o-transform: translate3d(0, $value, 0) !important;
+  -ms-transform: translate3d(0, $value, 0) !important;
+  transform: translate3d(0, $value, 0) !important;
 }
 
-@mixin linear-gradient($color, $states-color){
-    background: $color;
-    background: -webkit-linear-gradient(0deg, $color 0%, $states-color 100%);
-    background: -o-linear-gradient(0deg, $color 0%, $states-color 100%);
-    background: -moz-linear-gradient(0deg, $color 0%, $states-color 100%);
-    background: linear-gradient(0deg, $color 0%, $states-color 100%);
+@mixin linear-gradient($color, $states-color) {
+  background: $color;
+  background: -webkit-linear-gradient(0deg, $color 0%, $states-color 100%);
+  background: -o-linear-gradient(0deg, $color 0%, $states-color 100%);
+  background: -moz-linear-gradient(0deg, $color 0%, $states-color 100%);
+  background: linear-gradient(0deg, $color 0%, $states-color 100%);
 }
 
-@mixin linear-gradient-right($color, $states-color){
-    background: $color;
-    background: -webkit-linear-gradient(to right, $color 0%, $states-color 100%);
-    background: -o-linear-gradient(to right, $color 0%, $states-color 100%);
-    background: -moz-linear-gradient(to right, $color 0%, $states-color 100%);
-    background: linear-gradient(to right, $color 0%, $states-color 100%);
+@mixin linear-gradient-right($color, $states-color) {
+  background: $color;
+  background: -webkit-linear-gradient(to right, $color 0%, $states-color 100%);
+  background: -o-linear-gradient(to right, $color 0%, $states-color 100%);
+  background: -moz-linear-gradient(to right, $color 0%, $states-color 100%);
+  background: linear-gradient(to right, $color 0%, $states-color 100%);
 }
 
-@mixin sidebar-color($color){
-  &:after{
+@mixin sidebar-color($color) {
+  &:after {
     background: $color;
   }
 
-  .nav li.active > a{
+  .nav li.active>a {
     color: $color;
 
-    i{
+    i {
       color: $color;
     }
   }
 }
 
 @mixin transition-input-focus-color() {
-    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-    -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
+  -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
+  -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
+  -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
+  -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
+  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
 }
 
-@mixin topbar-x-rotation(){
-    @keyframes topbar-x {
-      0% {top: 0px; transform: rotate(0deg); }
-      45% {top: 6px; transform: rotate(145deg); }
-      75% {transform: rotate(130deg); }
-      100% {transform: rotate(135deg); }
+@mixin topbar-x-rotation() {
+  @keyframes topbar-x {
+    0% {
+      top: 0px;
+      transform: rotate(0deg);
+    }
+
+    45% {
+      top: 6px;
+      transform: rotate(145deg);
+    }
+
+    75% {
+      transform: rotate(130deg);
+    }
+
+    100% {
+      transform: rotate(135deg);
+    }
+  }
+
+  @-webkit-keyframes topbar-x {
+    0% {
+      top: 0px;
+      -webkit-transform: rotate(0deg);
     }
-    @-webkit-keyframes topbar-x {
-      0% {top: 0px; -webkit-transform: rotate(0deg); }
-      45% {top: 6px; -webkit-transform: rotate(145deg); }
-      75% {-webkit-transform: rotate(130deg); }
-      100% { -webkit-transform: rotate(135deg); }
+
+    45% {
+      top: 6px;
+      -webkit-transform: rotate(145deg);
+    }
+
+    75% {
+      -webkit-transform: rotate(130deg);
+    }
+
+    100% {
+      -webkit-transform: rotate(135deg);
+    }
+  }
+
+  @-moz-keyframes topbar-x {
+    0% {
+      top: 0px;
+      -moz-transform: rotate(0deg);
+    }
+
+    45% {
+      top: 6px;
+      -moz-transform: rotate(145deg);
     }
-    @-moz-keyframes topbar-x {
-      0% {top: 0px; -moz-transform: rotate(0deg); }
-      45% {top: 6px; -moz-transform: rotate(145deg); }
-      75% {-moz-transform: rotate(130deg); }
-      100% { -moz-transform: rotate(135deg); }
+
+    75% {
+      -moz-transform: rotate(130deg);
     }
+
+    100% {
+      -moz-transform: rotate(135deg);
+    }
+  }
 }
 
-@mixin topbar-back-rotation(){
-    @keyframes topbar-back {
-      0% { top: 6px; transform: rotate(135deg); }
-      45% { transform: rotate(-10deg); }
-      75% { transform: rotate(5deg); }
-      100% { top: 0px; transform: rotate(0); }
+@mixin topbar-back-rotation() {
+  @keyframes topbar-back {
+    0% {
+      top: 6px;
+      transform: rotate(135deg);
+    }
+
+    45% {
+      transform: rotate(-10deg);
+    }
+
+    75% {
+      transform: rotate(5deg);
     }
 
-    @-webkit-keyframes topbar-back {
-      0% { top: 6px; -webkit-transform: rotate(135deg); }
-      45% { -webkit-transform: rotate(-10deg); }
-      75% { -webkit-transform: rotate(5deg); }
-      100% { top: 0px; -webkit-transform: rotate(0); }
+    100% {
+      top: 0px;
+      transform: rotate(0);
+    }
+  }
+
+  @-webkit-keyframes topbar-back {
+    0% {
+      top: 6px;
+      -webkit-transform: rotate(135deg);
     }
 
-    @-moz-keyframes topbar-back {
-      0% { top: 6px; -moz-transform: rotate(135deg); }
-      45% { -moz-transform: rotate(-10deg); }
-      75% { -moz-transform: rotate(5deg); }
-      100% { top: 0px; -moz-transform: rotate(0); }
+    45% {
+      -webkit-transform: rotate(-10deg);
     }
+
+    75% {
+      -webkit-transform: rotate(5deg);
+    }
+
+    100% {
+      top: 0px;
+      -webkit-transform: rotate(0);
+    }
+  }
+
+  @-moz-keyframes topbar-back {
+    0% {
+      top: 6px;
+      -moz-transform: rotate(135deg);
+    }
+
+    45% {
+      -moz-transform: rotate(-10deg);
+    }
+
+    75% {
+      -moz-transform: rotate(5deg);
+    }
+
+    100% {
+      top: 0px;
+      -moz-transform: rotate(0);
+    }
+  }
 }
 
-@mixin bottombar-x-rotation(){
-    @keyframes bottombar-x {
-      0% {bottom: 0px; transform: rotate(0deg);}
-      45% {bottom: 6px; transform: rotate(-145deg);}
-      75% {transform: rotate(-130deg);}
-      100% {transform: rotate(-135deg);}
+@mixin bottombar-x-rotation() {
+  @keyframes bottombar-x {
+    0% {
+      bottom: 0px;
+      transform: rotate(0deg);
     }
-    @-webkit-keyframes bottombar-x {
-      0% {bottom: 0px; -webkit-transform: rotate(0deg);}
-      45% {bottom: 6px; -webkit-transform: rotate(-145deg);}
-      75% {-webkit-transform: rotate(-130deg);}
-      100% {-webkit-transform: rotate(-135deg);}
+
+    45% {
+      bottom: 6px;
+      transform: rotate(-145deg);
+    }
+
+    75% {
+      transform: rotate(-130deg);
+    }
+
+    100% {
+      transform: rotate(-135deg);
+    }
+  }
+
+  @-webkit-keyframes bottombar-x {
+    0% {
+      bottom: 0px;
+      -webkit-transform: rotate(0deg);
+    }
+
+    45% {
+      bottom: 6px;
+      -webkit-transform: rotate(-145deg);
+    }
+
+    75% {
+      -webkit-transform: rotate(-130deg);
     }
-    @-moz-keyframes bottombar-x {
-      0% {bottom: 0px; -moz-transform: rotate(0deg);}
-      45% {bottom: 6px; -moz-transform: rotate(-145deg);}
-      75% {-moz-transform: rotate(-130deg);}
-      100% {-moz-transform: rotate(-135deg);}
+
+    100% {
+      -webkit-transform: rotate(-135deg);
+    }
+  }
+
+  @-moz-keyframes bottombar-x {
+    0% {
+      bottom: 0px;
+      -moz-transform: rotate(0deg);
+    }
+
+    45% {
+      bottom: 6px;
+      -moz-transform: rotate(-145deg);
     }
+
+    75% {
+      -moz-transform: rotate(-130deg);
+    }
+
+    100% {
+      -moz-transform: rotate(-135deg);
+    }
+  }
 }
 
-@mixin bottombar-back-rotation{
-    @keyframes bottombar-back {
-      0% { bottom: 6px;transform: rotate(-135deg);}
-      45% { transform: rotate(10deg);}
-      75% { transform: rotate(-5deg);}
-      100% { bottom: 0px;transform: rotate(0);}
+@mixin bottombar-back-rotation {
+  @keyframes bottombar-back {
+    0% {
+      bottom: 6px;
+      transform: rotate(-135deg);
     }
-    @-webkit-keyframes bottombar-back {
-      0% {bottom: 6px;-webkit-transform: rotate(-135deg);}
-      45% {-webkit-transform: rotate(10deg);}
-      75% {-webkit-transform: rotate(-5deg);}
-      100% {bottom: 0px;-webkit-transform: rotate(0);}
+
+    45% {
+      transform: rotate(10deg);
     }
-    @-moz-keyframes bottombar-back {
-      0% {bottom: 6px;-moz-transform: rotate(-135deg);}
-      45% {-moz-transform: rotate(10deg);}
-      75% {-moz-transform: rotate(-5deg);}
-      100% {bottom: 0px;-moz-transform: rotate(0);}
+
+    75% {
+      transform: rotate(-5deg);
+    }
+
+    100% {
+      bottom: 0px;
+      transform: rotate(0);
+    }
+  }
+
+  @-webkit-keyframes bottombar-back {
+    0% {
+      bottom: 6px;
+      -webkit-transform: rotate(-135deg);
     }
 
+    45% {
+      -webkit-transform: rotate(10deg);
+    }
+
+    75% {
+      -webkit-transform: rotate(-5deg);
+    }
+
+    100% {
+      bottom: 0px;
+      -webkit-transform: rotate(0);
+    }
+  }
+
+  @-moz-keyframes bottombar-back {
+    0% {
+      bottom: 6px;
+      -moz-transform: rotate(-135deg);
+    }
+
+    45% {
+      -moz-transform: rotate(10deg);
+    }
+
+    75% {
+      -moz-transform: rotate(-5deg);
+    }
+
+    100% {
+      bottom: 0px;
+      -moz-transform: rotate(0);
+    }
+  }
+
 }
 
 
@@ -199,4 +360,4 @@
   -ms-transform: scale($horiz, $vert);
   -o-transform: scale($horiz, $vert);
   transform: scale($horiz, $vert);
-}
+}

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_dropdown.scss

@@ -349,18 +349,18 @@
     display: none;
   }
 
-  .dropdown-toggle:after {
-    display: inline-block;
-    width: 0;
-    height: 0;
-    margin-left: 0.255em;
-    vertical-align: 0.255em;
-    content: '';
-    border-top: 0.3em solid;
-    border-right: 0.3em solid transparent;
-    border-bottom: 0;
-    border-left: 0.3em solid transparent;
-  }
+  // .dropdown-toggle:after {
+  //   display: inline-block;
+  //   width: 0;
+  //   height: 0;
+  //   margin-left: 0.255em;
+  //   vertical-align: 0.255em;
+  //   content: '';
+  //   border-top: 0.3em solid;
+  //   border-right: 0.3em solid transparent;
+  //   border-bottom: 0;
+  //   border-left: 0.3em solid transparent;
+  // }
 }
 
 @include media-breakpoint-up(lg) {

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_navbar.scss

@@ -172,7 +172,7 @@
 }
 
 @include media-breakpoint-down(md) {
-  .navbar {
+  .navbar:not(.fixed-bottom) {
     top: -70px;
   }
 
@@ -183,6 +183,8 @@
     }
 
     .navbar-collapse {
+      height: 100vh;
+
       .input-group {
         margin: 0;
         margin-top: 5px;
@@ -402,6 +404,14 @@
       }
     }
   }
+
+
+}
+
+@include media-breakpoint-down(lg) {
+  .navbar .skinny-pointer-sidebar {
+    display: none;
+  }
 }
 
 @include media-breakpoint-up(lg) {

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

@@ -1,7 +1,7 @@
 .wrapper {
   position: relative;
   top: 0;
-  height: 100vh;
+  // height: 100vh;
   overflow-x: hidden;
 
   &.wrapper-full-page {
@@ -19,7 +19,7 @@
 .sidebar,
 .off-canvas-sidebar {
   // @include linear-gradient($primary-states, $primary);
-  height: calc(100vh - 90px);
+  height: calc(100vh - 190px);
   width: 230px;
   position: fixed;
   top: 0;
@@ -33,6 +33,7 @@
   margin-left: 20px;
   border-radius: 5px;
 
+
   .sidebar-wrapper {
     width: $full-width;
     min-height: 100%;
@@ -226,21 +227,50 @@
     }
   }
 
-  .logo-tim {
-    border-radius: 50%;
-    border: 1px solid #333;
-    display: block;
-    height: 61px;
-    width: 61px;
-    float: left;
-    overflow: hidden;
+  &[data='dark'] {
+    @include linear-gradient($default-states, $dark);
 
-    img {
-      width: 60px;
-      height: 60px;
+    &:before {
+      border-bottom-color: $dark;
+    }
+
+    &:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
+      &:before {
+        @include caret-color($dark);
+      }
+    }
+  }
+
+  &[data='grey'] {
+    @include linear-gradient($gray-200, $gray-400);
+
+    &:before {
+      border-bottom-color: $gray-200;
+    }
+
+    &:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
+      &:before {
+        @include caret-color($gray-200);
+      }
+    }
+  }
+
+
+  &[data='primary'] {
+    @include linear-gradient($primary-states, $primary);
+
+    &:before {
+      border-bottom-color: $primary;
+    }
+
+    &:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
+      &:before {
+        @include caret-color($primary);
+      }
     }
   }
 
+
   &[data='blue'] {
     @include linear-gradient($info-states, $info);
 
@@ -297,6 +327,9 @@
     }
   }
 
+
+
+
   // &[data='light'] {
   //   // background-color: #fff !important;
   // }
@@ -400,6 +433,30 @@
 
   @include transitions(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));
 
+  &[data='dark'] {
+    border-top: 2px solid $dark;
+
+    .fixed-top {
+      border-top: 2px solid $dark;
+    }
+  }
+
+  &[data='grey'] {
+    border-top: 2px solid $gray-200;
+
+    .fixed-top {
+      border-top: 2px solid $gray-200;
+    }
+  }
+
+  &[data='primary'] {
+    border-top: 2px solid $primary;
+
+    .fixed-top {
+      border-top: 2px solid $primary;
+    }
+  }
+
   &[data='blue'] {
     border-top: 2px solid $info;
 
@@ -432,14 +489,6 @@
     }
   }
 
-  &[data='primary'] {
-    border-top: 2px solid $primary;
-
-    .fixed-top {
-      border-top: 2px solid $primary;
-    }
-  }
-
   >.content {
     padding: 80px 30px 30px 280px;
     min-height: calc(100vh - 70px);
@@ -476,42 +525,33 @@
       }
 
       .main-content-light {
-        background-color: $nft-withe;
+        background-color: $nft-white;
 
         @include media-breakpoint-up(xl) {
-          //   border-radius: 30px 0px 0px 30px;
-          //   box-shadow: $material-shadow4;
-          // min-height: calc(100vh - 15vh);
-          height: 80vh !important;
-          //   position: fixed;
-          //   // width: 90%;
+          height: $max-heigh-value-1NTF;
           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/topography8.svg');
+          background-image: url($url-backgroud-1NTF);
           background-repeat: repeat;
           background-size: inherit;
-
           padding: 20px;
           border: 1px solid rgba(255, 255, 255, 0.5);
           transition: all 0.3s linear;
-          box-shadow: 3px 3px 25px 0px #bbcfda21, -4px -4px 20px #ffffff, inset 4px 4px 20px #d1d9e659, inset -8px -8px 20px 0px #ffffff99;
-          border-radius: 30px 0 0 30px;
+          box-shadow: $box-shadow-1NTF;
+          border-radius: $border-radius-1NTF;
           z-index: 1041;
           position: relative;
-          box-shadow: 1px 0px 20px #292b3917, 0 0px 1px #292b391c;
-          //   &: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');
-          //   }
+          box-shadow: 1px 0px 20px #292b3917,
+            0 0px 1px #292b391c;
+
+          @if $max-heigh-1NTF {}
+
+          @if $enable-backgroud-for-1NTF {}
+
+          // backdrop-filter: saturate(101.8%) blur(7px) !important;
+          // background-color: rgba(255, 255, 255, 0.9) !important;
+
         }
+
       }
     }
   }

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_white-content.scss

@@ -90,6 +90,6 @@
   }
 
   .main-panel {
-    background: $nft-withe;
+    background: $nft-white;
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: viniBaxter-desk_front
 version: !ruby/object:Gem::Version
-  version: 34.0.0
+  version: 35.0.0
 platform: ruby
 authors:
 - viny baxter
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2021-04-07 00:00:00.000000000 Z
+date: 2021-04-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -279,6 +279,7 @@ files:
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_pagination.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_white-content.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-animation-on-hover.scss
+- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-blured.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-chart.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-collapse.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-contributions.scss
@@ -311,6 +312,7 @@ files:
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_alert.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_background-variant.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_badges.scss
+- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_blur.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_caret-color.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_dropdown.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_forms.scss
@@ -320,11 +322,11 @@ files:
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-normal.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-ntf.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup.scss
+- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_opacity.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_page-header.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_popovers.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_vendor-prefixes.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_wizard.scss
-- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/opacity.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_dropdown.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_index.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_misc.scss