viniBaxter-desk_front 33.0.0 → 38.0.0

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

@@ -7,6 +7,8 @@
 @import 'modal-setup';
 @import 'modal';
 @import 'custom-dashboard-ui';
+@import 'avatar';
+@import 'form';
 
 // Custom Vendor / Plugins
 @import 'vendor/index';

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-normal.scss

@@ -1,6 +1,5 @@
-@mixin nav-setup-normal($color) {
+@mixin nav-setup-normal($color, $nav-style, $yiq-text-color) {
   .nav {
-    // margin-top: 20px;
     display: block;
 
     .caret {
@@ -20,34 +19,27 @@
       }
 
       >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;
+
+        @if($nav-style=='normal') {
+          color: $color !important;
+        }
+
+        @if($nav-style=='grey') {
+          color: $yiq-text-color !important;
+        }
+
         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;
-
-
+        padding: 2px 8px;
       }
 
-      //  change 🤍
       &:first-child>a {
         margin: 0 15px;
       }
@@ -75,7 +67,7 @@
 
         i,
         p {
-          color: white;
+          color: $yiq-text-color;
         }
 
         //  change 🤍
@@ -153,7 +145,15 @@
       line-height: 30px;
       width: 34px;
       text-align: center;
-      color: $opacity-8;
+
+      @if($nav-style=='normal') {
+        color: $opacity-8;
+      }
+
+      @if($nav-style=='grey') {
+        @include text-opacity($yiq-text-color, 0.8)
+      }
+
       position: relative;
     }
   }

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

@@ -1,11 +1,6 @@
 @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;
@@ -24,7 +19,6 @@
       }
 
       >a {
-        //  change 🤍
         margin: 0px 5px;
         padding: 7px 5px 7px 12px;
         border-radius: $btn-round-radius;
@@ -38,7 +32,6 @@
         line-height: $line-height-lg;
       }
 
-      //  change 🤍
       &:first-child>a {
         margin: 0px 5px;
         padding: 7px 5px 7px 12px;

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

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

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/{opacity.scss → _opacity.scss}

@@ -6,3 +6,7 @@
   $opacity-ie: ($opacity * 100);
   filter: #{alpha(opacity=$opacity-ie)};
 }
+
+@mixin text-opacity($color, $opacity) {
+  color: rgba($color, $opacity);
+}

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

@@ -0,0 +1,3 @@
+@mixin transparency-color($color, $transparency) {
+    color: rgba($color, $transparency);
+}

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);
-}
+}