viniBaxter-desk_front 18.0.0 → 24.0.0

data/lib/viniBaxter/sass/desk_front/dashkit/_dashkit.scss

@@ -15,7 +15,7 @@
 @import 'list-group';
 @import 'modal';
 @import 'nav';
-@import 'navbar';
+// @import 'navbar';
 @import 'popover';
 @import 'progress';
 @import 'reboot';
@@ -38,4 +38,4 @@
 @import 'vendors';
 
 // icon font is inside the app name => Feather
-@import "feather";
+@import 'feather';

data/lib/viniBaxter/sass/desk_front/dashkit/_list-group.scss

@@ -15,29 +15,25 @@
   @include list-group-item-variant($color, $value, color-yiq($value));
 }
 
-
 // List group large
 
 .list-group-lg .list-group-item {
-  padding-top: $list-group-item-padding-y-lg;
-  padding-bottom: $list-group-item-padding-y-lg;
+  padding-top: $list-group-item-padding-y;
+  padding-bottom: $list-group-item-padding-y;
 }
 
-
 // List group flush
 
 .list-group-flush > .list-group-item,
-.list-group-flush > .dz-preview > .list-group-item{
+.list-group-flush > .dz-preview > .list-group-item {
   padding-left: 0;
   padding-right: 0;
 }
 
-
 //
 // Dashkit ===================================
 //
 
-
 // Activity
 
 .list-group-activity .list-group-item {

data/lib/viniBaxter/sass/desk_front/dashkit/_modal.scss

@@ -8,7 +8,6 @@
 //
 
 .modal-dialog {
-
   // When fading in the modal, animate it to slide down
   .modal.fade & {
     transform: translate(0, -150px);
@@ -23,7 +22,6 @@
   margin: -1.5rem -1.5rem -1.5rem auto;
 }
 
-
 //
 // Dashkit ===================================
 //
@@ -36,12 +34,15 @@
   height: 100%;
   max-width: $modal-dialog-vertical-width;
   margin: 0;
+  &.large {
+    max-width: $modal-dialog-vertical-width-md !important;
+  }
 
   .modal-content {
     height: inherit;
     border-width: 0 $modal-content-border-width 0 0;
     border-radius: 0;
-    border: 0px!important;
+    border: 0px !important;
   }
 
   .modal-header {
@@ -53,7 +54,7 @@
     overflow-y: auto;
   }
 
-  &.xs{
+  &.xs {
     max-width: $modal-dialog-vertical-width-xs;
   }
 }
@@ -66,7 +67,6 @@
   transform: translateX(0);
 }
 
-
 // Positioning
 
 .modal.fixed-right {
@@ -85,7 +85,6 @@
   transform: translateX(0);
 }
 
-
 // Modal card
 
 .modal-card {
@@ -97,7 +96,6 @@
   }
 }
 
-
 // Modal tabs
 
 .modal-header-tabs {

data/lib/viniBaxter/sass/desk_front/dashkit/_nav.scss

@@ -1,15 +1,19 @@
-// 
+//
 // nav.scss
 // Extended from Bootstrap
 //
 
-// 
+//
 // Bootstrap Overrides =====================================
 //
 
 // Changing nav tabs to be bottom highlight style
 
 .nav-tabs {
+  li > a {
+    font-weight: $font-weight-light;
+    @include font-size($font-size-sm);
+  }
 
   .nav-item {
     margin-left: $nav-tabs-link-margin-x;
@@ -22,7 +26,7 @@
     border-left-width: 0;
     border-right-width: 0;
     border-top-width: 0;
-    
+
     &:not(.active) {
       color: $gray-600;
 
@@ -30,7 +34,6 @@
         color: $gray-700;
       }
     }
-
   }
 
   .nav-item:first-child {
@@ -45,11 +48,9 @@
   .nav-item.show .nav-link {
     border-color: transparent;
   }
-
 }
 
-
-// 
+//
 // Dashkit =====================================
 //
 
@@ -70,7 +71,6 @@
   }
 }
 
-
 // Creates a small version of the .nav-tabs
 
 .nav-tabs-sm {
@@ -80,33 +80,34 @@
     margin-left: $nav-tabs-sm-link-margin-x;
     margin-right: $nav-tabs-sm-link-margin-x;
   }
-  
+
   .nav-link {
     // Calculates the exact padding necessary to vertically fill the .card-header
-    padding-top: (($font-size-base / $nav-tabs-sm-font-size) * $nav-tabs-link-padding-y);
-    padding-bottom: (($font-size-base / $nav-tabs-sm-font-size) * $nav-tabs-link-padding-y);
+    padding-top: (
+      ($font-size-base / $nav-tabs-sm-font-size) * $nav-tabs-link-padding-y
+    );
+    padding-bottom: (
+      ($font-size-base / $nav-tabs-sm-font-size) * $nav-tabs-link-padding-y
+    );
   }
 }
 
 // Creates a small version of the .nab
 
 .nav-sm {
-
   .nav-link {
     font-size: $font-size-sm;
   }
 }
 
-
 // Nav + button group
 //
 // Change the look of .btn-white when .active
 
 .nav.btn-group {
-
   .btn-white.active {
     background-color: $primary;
     border-color: $primary;
     color: $white;
   }
-}
+}

data/lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss

@@ -3,7 +3,6 @@
 // Extended from Bootstrap
 //
 
-
 //
 // Bootstrap Overrides =======================
 //
@@ -13,7 +12,6 @@
   border-style: solid;
 }
 
-
 // Navbar dark
 
 .navbar-dark {
@@ -50,14 +48,11 @@
 }
 
 .navbar-dark.navbar-expand {
-
   @each $breakpoint, $value in $grid-breakpoints {
     $prev: breakpoint-prev($breakpoint, $grid-breakpoints);
 
     &-#{$breakpoint} {
-
       @include media-breakpoint-down(#{$prev}) {
-
         .navbar-nav .dropdown-item {
           color: $navbar-dark-color;
 
@@ -76,11 +71,15 @@
   }
 }
 
-
 // Navbar vibrant
 
 .navbar-dark.navbar-vibrant {
-  background-image: linear-gradient(to bottom right, fade-out(#454545, .1), fade-out(#454545, .1)), url(image-path("desk_front/sidebar-cover.jpg"));
+  background-image: linear-gradient(
+      to bottom right,
+      fade-out(#454545, 0.1),
+      fade-out(#454545, 0.1)
+    ),
+    url(image-path('desk_front/sidebar-cover.jpg'));
   background-repeat: no-repeat, no-repeat;
   background-position: center center, center center;
   background-size: cover, cover;
@@ -138,14 +137,11 @@
 }
 
 .navbar-dark.navbar-vibrant.navbar-expand {
-
   @each $breakpoint, $value in $grid-breakpoints {
     $prev: breakpoint-prev($breakpoint, $grid-breakpoints);
 
     &-#{$breakpoint} {
-
       @include media-breakpoint-down(#{$prev}) {
-
         .navbar-nav .dropdown-item {
           color: $navbar-vibrant-color;
 
@@ -159,7 +155,6 @@
         .navbar-nav .dropdown-item:active {
           color: $navbar-vibrant-active-color;
         }
-
       }
     }
   }
@@ -169,7 +164,6 @@
   background-image: $navbar-vibrant-toggler-icon-bg;
 }
 
-
 // Navbar light
 
 .navbar-light {
@@ -205,7 +199,6 @@
   border-top-color: $navbar-light-divider-color;
 }
 
-
 // Navbar brand
 
 .navbar-brand {
@@ -218,7 +211,6 @@
   max-height: 1.5rem;
 }
 
-
 // Navbar collapse
 
 .navbar-collapse {
@@ -238,7 +230,6 @@
   }
 }
 
-
 // Navbar navigaton
 
 .navbar-nav {
@@ -264,17 +255,15 @@
   }
 }
 
-
 // Navbar icons
 
 .navbar-nav .nav-link > .fe {
   min-width: $navbar-icon-min-width;
-  padding-bottom: .125em;
+  padding-bottom: 0.125em;
   font-size: $font-size-lg;
   line-height: ($font-size-base * $line-height-base);
 }
 
-
 // Navbar dropdowns
 
 .navbar-nav .dropdown-menu {
@@ -286,14 +275,11 @@
 }
 
 .navbar-expand {
-
   @each $breakpoint, $value in $grid-breakpoints {
     $prev: breakpoint-prev($breakpoint, $grid-breakpoints);
 
     &-#{$breakpoint} {
-
       @include media-breakpoint-down(#{$prev}) {
-
         .navbar-nav .dropdown-menu {
           background-color: transparent;
         }
@@ -302,22 +288,18 @@
   }
 }
 
-
 // Expanded
 //
 // Expanded navbar specific styles
 
 .navbar-expand {
-
   @each $breakpoint, $value in $grid-breakpoints {
-
     &-#{$breakpoint} {
-
       @include media-breakpoint-up(#{$breakpoint}) {
         padding-left: 0;
         padding-right: 0;
 
-        > [class*="container"] {
+        > [class*='container'] {
           padding-left: 0;
           padding-right: 0;
         }
@@ -336,10 +318,9 @@
         }
 
         .navbar-nav .nav-link {
-
           // Increase $nav-link-padding-y value to align the underline
           // with the bottom of the navbar
-          padding: .625rem $navbar-nav-link-padding-x;
+          padding: 0.625rem $navbar-nav-link-padding-x;
 
           &.active {
             position: relative;
@@ -357,10 +338,11 @@
 
         // Toggle dropdown on hover
         @if ($navbar-dropdown-toggle-on-hover) {
-          .dropup, .dropright, .dropdown, .dropleft {
-
+          .dropup,
+          .dropright,
+          .dropdown,
+          .dropleft {
             @include hover {
-
               > .dropdown-menu {
                 display: block;
               }
@@ -369,10 +351,10 @@
         }
 
         .navbar-nav .dropdown-menu,
-         .navbar-nav > .dropdown-menu.show{
+        .navbar-nav > .dropdown-menu.show {
           border: $dropdown-border-width solid $dropdown-border-color;
-          border-radius:$dropdown-border-radius;
-          box-shadow:unset!important;
+          border-radius: $dropdown-border-radius;
+          box-shadow: unset !important;
         }
 
         .navbar-nav .dropdown-menu .dropdown-menu {
@@ -383,7 +365,6 @@
   }
 }
 
-
 //
 // Dashkit ===================================
 //
@@ -392,11 +373,10 @@
 //
 // Adds special zindex to custom fixed-left and fixed-right classes
 
-.navbar[class*="fixed-"] {
+.navbar[class*='fixed-'] {
   z-index: $zindex-fixed;
 }
 
-
 // Navbar overflow
 //
 // Allows the navbar navigation overflow its parent container
@@ -426,14 +406,12 @@
   padding-bottom: ($nav-link-padding-y + $navbar-padding-y);
 
   &.active {
-
     &:before {
       bottom: 0;
     }
   }
 }
 
-
 // Navbar breadcrumb
 //
 // Applies special paddings to the navbar breadcrumb
@@ -442,7 +420,6 @@
   padding: $navbar-breadcrumb-padding-y $navbar-breadcrumb-padding-x;
 }
 
-
 // Navbar user
 //
 // Navbar user notification area
@@ -455,14 +432,12 @@
 }
 
 .navbar-user .dropdown-toggle {
-
   // Remove the default dropdown arrow
   &:after {
     display: none;
   }
 }
 
-
 // Navbar link icon
 
 .navbar-nav .nav-link > .fe {
@@ -470,31 +445,27 @@
   min-width: $navbar-icon-min-width;
 }
 
-
 // Vertical
 //
 // Creates a vertically aligned version of the navbar
 
 .navbar-vertical {
-
   .navbar-nav .nav-link {
     display: flex;
     align-items: center;
   }
 
-  .navbar-nav .nav-link[data-toggle="collapse"] {
-
+  .navbar-nav .nav-link[data-toggle='collapse'] {
     &:after {
       display: block;
       content: '\e92e';
       font-family: 'Feather';
       margin-left: auto;
-      transition: transform .2s;
+      transition: transform 0.2s;
     }
 
     // Expanded
-    &[aria-expanded="true"] {
-
+    &[aria-expanded='true'] {
       &:after {
         transform: rotate(-180deg);
       }
@@ -518,20 +489,16 @@
     padding-bottom: $nav-link-padding-y;
     font-size: $font-size-xs;
     text-transform: uppercase;
-    letter-spacing: .04em;
+    letter-spacing: 0.04em;
   }
 
-
   // Expanded
   //
   // Expanded navbar specific styles
 
   &.navbar-expand {
-
     @each $breakpoint, $value in $grid-breakpoints {
-
       &-#{$breakpoint} {
-
         @include media-breakpoint-up(#{$breakpoint}) {
           display: block;
           position: fixed;
@@ -543,7 +510,7 @@
           padding-right: $navbar-vertical-padding-x;
           overflow-y: auto;
 
-          > [class*="container"] {
+          > [class*='container'] {
             flex-direction: column;
             align-items: stretch;
             min-height: 100%;
@@ -551,7 +518,8 @@
             padding-right: 0;
 
             // Target IE 10 & 11
-            @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+            @media all and (-ms-high-contrast: none),
+              (-ms-high-contrast: active) {
               min-height: none;
               height: 100%;
             }
@@ -592,13 +560,12 @@
             padding: $nav-link-padding-y $navbar-vertical-padding-x;
 
             &.active {
-
               &:before {
                 top: $nav-link-padding-y;
                 bottom: $nav-link-padding-y;
                 left: 0;
                 right: auto;
-                border-left: 2px solid $primary;
+                border-left: 4px solid $primary;
                 border-bottom: 0;
               }
             }
@@ -609,11 +576,13 @@
           }
 
           .navbar-nav .nav .nav .nav-link {
-            padding-left: $navbar-vertical-padding-x * 1.5 + $navbar-icon-min-width;
+            padding-left: $navbar-vertical-padding-x * 1.5 +
+              $navbar-icon-min-width;
           }
 
           .navbar-nav .nav .nav .nav .nav-link {
-            padding-left: $navbar-vertical-padding-x * 2 + $navbar-icon-min-width;
+            padding-left: $navbar-vertical-padding-x * 2 +
+              $navbar-icon-min-width;
           }
 
           .navbar-brand {
@@ -648,23 +617,18 @@
   }
 }
 
-
 // Vertical small
 //
 // Creates a small vertion of the vertical navbar
 
 .navbar-vertical-sm {
-
   // Expanded
   //
   // Expanded navbar specific styles
 
   &.navbar-expand {
-
     @each $breakpoint, $value in $grid-breakpoints {
-
       &-#{$breakpoint} {
-
         @include media-breakpoint-up(#{$breakpoint}) {
           max-width: $navbar-vertical-width-sm;
           padding-left: $navbar-vertical-padding-x-sm;
@@ -672,8 +636,12 @@
           overflow: visible;
 
           .navbar-brand {
-            padding-top: ($nav-link-padding-y * 2 + $font-size-base * $line-height-base) / 2 - $navbar-padding-y;
-            padding-bottom: ($nav-link-padding-y * 2 + $font-size-base * $line-height-base) / 2;
+            padding-top: (
+                $nav-link-padding-y * 2 + $font-size-base * $line-height-base
+              ) / 2 - $navbar-padding-y;
+            padding-bottom: (
+                $nav-link-padding-y * 2 + $font-size-base * $line-height-base
+              ) / 2;
           }
 
           .navbar-brand-img {
@@ -701,7 +669,6 @@
           }
 
           .navbar-nav > .nav-item > .dropdown-toggle {
-
             &::after {
               display: none;
             }