viniBaxter-desk_front 32.0.0 → 33.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 88552c558aeee2311e467928c5a7a9764f2d41584312e80bc38d9e9149010d74
-  data.tar.gz: 0b3b22f98f4bba8373f3acab49c69a1d6d7fd35093b3f1a4fcfae9503f680278
+  metadata.gz: 34892ee2cfbb9ddfa75bdcb4a08f9085ce7081906fa3d4fb28d60cb8436a2db4
+  data.tar.gz: a5721188b3b806fa77df52edcca0d8244aa167fe9736f4a58b709c36ff4e3b1d
 SHA512:
-  metadata.gz: 3bc2245b309d4b56bb65e3286f987405d3cb352eeb7a8779983c89588b77164338eb87dc1f3b07ab5600d917ba84ea309fa915c8a3686ccef89f5426f098c77d
-  data.tar.gz: 1d63d7f13d1e2888fc0ce069a266808a74601beb350295689bd3405f23dc91e650856a8b10a64c50f24ffefbd7327be238fbad1b15043e8cd8e00b0254d817e4
+  metadata.gz: '0909dcffa6fd4fdba1c92903dcca897e7395490bfa1f0925c40838e111401e357491eb1909d1ad18094c3d4179382065ca536b052e31c37382f90d9ffac01dbc'
+  data.tar.gz: bfd32fbda1acc133c0359c97e7799b9557da73751d1b87705571947c139fa5ff44f9470c22f945e63fa2e521a703c93f60a6e2c800b33d695361a2ea1c3b0d87

data/lib/viniBaxter/desk_front/version.rb

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

data/lib/viniBaxter/sass/desk_front.scss

@@ -1,22 +1,12 @@
 // bootstrap
 @import 'desk_front/bootstrap/bootstrap';
 
-// administrate
-@import 'desk_front/administrate/index';
-
 // becky ViniBaxter
-@import 'desk_front/beckyBaxter/index';
+@import 'desk_front/v2lrf-dashboard/index';
 
-@import 'desk_front/dashkit/dashkit'; // Dashkit core but could be what you want
+// Template core Dashkit but could be what you want
+@import 'desk_front/dashkit/dashkit';
 
-// Dashkit core
+// some exteranals components
 @import 'desk_front/landing/landing';
-
-// read that some scss have been overwritting to fit with dashkit
-// search by keyword to get it => // KEEPBECKY
-// card-header with class becky
-// .becky-template {
-//   font-family: $font-family-base-becky!important ;
-// }
-
-@import 'desk_front/beckyBaxter/new_nav';
+@import 'desk_front/v2lrf-dashboard/new_nav';

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

@@ -87,9 +87,28 @@ $value in $theme-colors {
 @each $color,
 $value in $theme-colors {
   .btn-rounded-#{$color}-filter {
-    border-radius: 30px !important;
-    border: 1px solid $white !important;
-    background-color: grey;
+    cursor: pointer;
+    text-align: center;
+    // border: 1px solid $value;
+    // background-color: lighten($value, 90%);
+    border: 3px solid $nft-white;
+    background-color: lighten($value, 78%);
+    outline: none;
+    margin: 0px;
+    border-radius: 30px;
+    color: $value;
+    position: relative;
+    font-family: $font-family-base !important;
+    font-weight: 400;
+    padding: 12px 20px;
+    font-size: 14px;
+    line-height: 18px;
+
+    &.active {
+      background-color: $value !important;
+      color: $nft-white !important;
+    }
+
   }
 }
 

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

@@ -47,9 +47,9 @@
   display: block;
   padding: $list-group-item-padding-y $list-group-item-padding-x;
   color: $list-group-color;
-  text-decoration: if($link-decoration == none, null, none);
+  text-decoration: if($link-decoration==none, null, none);
   background-color: $list-group-bg;
-  border: $list-group-border-width solid $list-group-border-color;
+  // border: $list-group-border-width solid $list-group-border-color;
 
   &:first-child {
     @include border-top-radius(inherit);
@@ -74,7 +74,7 @@
     border-color: $list-group-active-border-color;
   }
 
-  & + & {
+  &+& {
     border-top-width: 0;
 
     &.active {
@@ -96,7 +96,7 @@
     .list-group-horizontal#{$infix} {
       flex-direction: row;
 
-      > .list-group-item {
+      >.list-group-item {
         &:first-child {
           @include border-bottom-left-radius($list-group-border-radius);
           @include border-top-right-radius(0);
@@ -111,7 +111,7 @@
           margin-top: 0;
         }
 
-        & + .list-group-item {
+        &+.list-group-item {
           border-top-width: $list-group-border-width;
           border-left-width: 0;
 
@@ -134,7 +134,7 @@
 .list-group-flush {
   @include border-radius(0);
 
-  > .list-group-item {
+  >.list-group-item {
     border-width: 0 0 $list-group-border-width;
 
     &:last-child {
@@ -149,6 +149,7 @@
 // Add modifier classes to change text and background color on individual items.
 // Organizationally, this must come after the `:hover` states.
 
-@each $color, $value in $theme-colors {
+@each $color,
+$value in $theme-colors {
   @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
-}
+}

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

@@ -44,4 +44,4 @@
 @import "mixins/clearfix";
 @import "mixins/grid-framework";
 @import "mixins/grid";
-@import "mixins/float";
+@import "mixins/float";

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

@@ -45,6 +45,7 @@
     @include transition($modal-transition);
     transform: $modal-fade-transform;
   }
+
   .modal.show & {
     transform: $modal-show-transform;
   }
@@ -116,25 +117,12 @@
   background-clip: padding-box;
   border: $modal-content-border-width solid $modal-content-border-color;
   @include border-radius($modal-content-border-radius);
-  @include box-shadow($modal-content-box-shadow-xs);
+  @include box-shadow($modal-content-box-shadow-sm-up);
   // Remove focus outline from opened modal
   outline: 0;
 }
 
-// Modal background
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: $zindex-modal-backdrop;
-  width: 100vw;
-  height: 100vh;
-  background-color: $modal-backdrop-bg;
-
-  // Fade for backdrop
-  &.fade { opacity: 0; }
-  &.show { opacity: $modal-backdrop-opacity; }
-}
+
 
 // Modal header
 // Top section of the modal w/ title and dismiss
@@ -182,7 +170,7 @@
   // Place margin between footer elements
   // This solution is far from ideal because of the universal selector usage,
   // but is needed to fix https://github.com/twbs/bootstrap/issues/24800
-  > * {
+  >* {
     margin: $modal-footer-margin-between / 2;
   }
 }
@@ -198,6 +186,7 @@
 
 // Scale up the modal
 @include media-breakpoint-up(sm) {
+
   // Automatically set modal's width for larger viewports
   .modal-dialog {
     max-width: $modal-md;
@@ -225,10 +214,13 @@
     @include box-shadow($modal-content-box-shadow-sm-up);
   }
 
-  .modal-sm { max-width: $modal-sm; }
+  .modal-sm {
+    max-width: $modal-sm;
+  }
 }
 
 @include media-breakpoint-up(lg) {
+
   .modal-lg,
   .modal-xl {
     max-width: $modal-lg;
@@ -236,5 +228,7 @@
 }
 
 @include media-breakpoint-up(xl) {
-  .modal-xl { max-width: $modal-xl; }
-}
+  .modal-xl {
+    max-width: $modal-xl;
+  }
+}

data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-grid.scss

@@ -26,4 +26,4 @@ html {
 @import "grid";
 @import "utilities/display";
 @import "utilities/flex";
-@import "utilities/spacing";
+@import "utilities/spacing";

data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-reboot.scss

@@ -9,4 +9,4 @@
 @import "functions";
 @import "variables";
 @import "mixins";
-@import "reboot";
+@import "reboot";

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

@@ -39,4 +39,4 @@
 @import 'carousel';
 @import 'spinners';
 @import 'utilities';
-@import 'print';
+@import 'print';

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

@@ -1,16 +1,415 @@
+@mixin btn-styles($btn-color, $btn-states-color) {
+  @include diagonal-gradient($btn-color, $btn-states-color);
+  background-color: $btn-color;
+  transition: all 0.15s ease;
+  box-shadow: none;
+
+  &.animation-on-hover:hover {
+    background-position: bottom left;
+    transition: 0.3s ease-in-out;
+  }
+
+  &:hover,
+  &:focus,
+  &:active,
+  &.active,
+  &:active:focus,
+  &:active:hover,
+  &.active:focus,
+  &.active:hover {
+    background-color: $btn-states-color !important;
+    background-image: linear-gradient(to bottom left,
+        $btn-color,
+        $btn-states-color,
+        $btn-color) !important;
+    background-image: -webkit-linear-gradient(to bottom left,
+        $btn-color,
+        $btn-states-color,
+        $btn-color) !important;
+    background-image: -o-linear-gradient(to bottom left,
+        $btn-color,
+        $btn-states-color,
+        $btn-color) !important;
+    background-image: -moz-linear-gradient(to bottom left,
+        $btn-color,
+        $btn-states-color,
+        $btn-color) !important;
+    color: $white;
+    box-shadow: none;
+  }
+
+  &:active {
+    box-shadow: none !important;
+    transform: translateY(1px) !important;
+    transition: all 0.15s ease;
+  }
+
+  &:not([data-action]):hover {
+    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
+    transform: translateY(-1px);
+    -webkit-transform: translateY(-1px);
+  }
+
+  &.disabled,
+  &:disabled,
+  &[disabled],
+  fieldset[disabled] & {
+
+    &,
+    &:hover,
+    &:focus,
+    &.focus,
+    &:active,
+    &.active {
+      background-color: $btn-color;
+      border-color: $btn-color;
+    }
+  }
+
+  // btn-neutral style
+  @if $btn-color==$white {
+    color: $primary;
+
+    &.btn-danger {
+      color: $danger;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &:active:focus {
+        color: $danger-states;
+      }
+    }
+
+    &.btn-info {
+      color: $info;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &:active:focus {
+        color: $info-states;
+      }
+    }
+
+    &.btn-warning {
+      color: $warning;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &:active:focus {
+        color: $warning-states;
+      }
+    }
+
+    &.btn-success {
+      color: $success;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &:active:focus {
+        color: $success-states;
+      }
+    }
+
+    &.btn-default {
+      color: $default;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &:active:focus {
+        color: $default-states;
+      }
+    }
+
+    &.active,
+    &:active,
+    &:active:focus,
+    &:active:hover,
+    &.active:focus,
+    &.active:hover,
+    .show>&.dropdown-toggle,
+    .show>&.dropdown-toggle:focus,
+    .show>&.dropdown-toggle:hover {
+      background-color: $white;
+      color: $primary-states;
+      box-shadow: none;
+    }
+
+    &:hover,
+    &:focus {
+      color: $primary-states;
+
+      &:not(.nav-link) {
+        box-shadow: none;
+      }
+    }
+  }
+
+  @else {
+    color: $white;
+  }
+
+  &.btn-simple {
+    color: $btn-color;
+    border-color: $btn-color;
+    background: $transparent-bg;
+
+    &:hover,
+    &:focus,
+    &:active,
+    &:not(:disabled):not(.disabled):active {
+      color: $btn-color;
+      border-color: $btn-color;
+      background-color: $transparent-bg !important;
+      background-image: none !important;
+      box-shadow: none;
+    }
+
+    &.active {
+      border-color: $btn-color !important;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &:not(:disabled):not(.disabled):active {
+        color: $white;
+        border-color: $btn-color;
+        background-image: linear-gradient(to bottom left,
+            $btn-color,
+            $btn-states-color,
+            $btn-color) !important;
+        background-image: -webkit-linear-gradient(to bottom left,
+            $btn-color,
+            $btn-states-color,
+            $btn-color) !important;
+        background-image: -o-linear-gradient(to bottom left,
+            $btn-color,
+            $btn-states-color,
+            $btn-color) !important;
+        background-image: -moz-linear-gradient(to bottom left,
+            $btn-color,
+            $btn-states-color,
+            $btn-color) !important;
+        background-color: $btn-states-color !important;
+        box-shadow: none;
+      }
+    }
+  }
+
+  &.btn-link {
+    color: $btn-color;
+
+    &:hover,
+    &:focus,
+    &:active {
+      background-color: $transparent-bg !important;
+      background-image: none !important;
+      color: $white !important;
+      text-decoration: none;
+      box-shadow: none;
+    }
+  }
+}
+
+@mixin button-variant($background,
+  $border,
+  $hover-background: darken($background, 0%),
+  $hover-border: darken($border, 0%),
+  $active-background: darken($background, 10%),
+  $active-border: darken($border, 0%)) {
+  color: color-yiq($background);
+  @include gradient-bg($background);
+  border-color: $border;
+  @include box-shadow($btn-box-shadow);
+
+  @include hover {
+    color: color-yiq($hover-background);
+    @include gradient-bg($hover-background);
+    border-color: $hover-border;
+  }
+
+  &:focus,
+  &.focus {
+
+    // Avoid using mixin so we can pass custom focus shadow properly
+    @if $enable-shadows {
+      box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, 0.5);
+    }
+
+    @else {
+      box-shadow: 0 0 0 $btn-focus-width rgba($border, 0.5);
+    }
+  }
+
+  // Disabled comes first so active can properly restyle
+  &.disabled,
+  &:disabled {
+    color: color-yiq($background);
+    background-color: $background;
+    border-color: $border;
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show>&.dropdown-toggle {
+    color: color-yiq($active-background);
+    background-color: $active-background;
+
+    @if $enable-gradients {
+      background-image: none; // Remove the gradient for the pressed/active state
+    }
+
+    border-color: $active-border;
+
+    &:focus {
+
+      // Avoid using mixin so we can pass custom focus shadow properly
+      @if $enable-shadows {
+        box-shadow: $btn-active-box-shadow,
+          0 0 0 $btn-focus-width rgba($border, 0.5);
+      }
+
+      @else {
+        box-shadow: 0 0 0 $btn-focus-width rgba($border, 0.5);
+      }
+    }
+  }
+}
+
+@mixin button-outline-variant($color,
+  $color-hover: color-yiq($color),
+  $active-background: $color,
+  $active-border: $color) {
+  color: $color;
+  background-color: transparent;
+  background-image: none;
+  border-color: $color;
+
+  &:hover {
+    color: $color-hover;
+    background-color: $active-background;
+    border-color: $active-border;
+  }
+
+  &:focus,
+  &.focus {
+    box-shadow: 0 0 0 $btn-focus-width rgba($color, 0.5);
+  }
+
+  &.disabled,
+  &:disabled {
+    color: $color;
+    background-color: transparent;
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show>&.dropdown-toggle {
+    color: color-yiq($active-background);
+    background-color: $active-background;
+    border-color: $active-border;
+
+    &:focus {
+
+      // Avoid using mixin so we can pass custom focus shadow properly
+      @if $enable-shadows and $btn-active-box-shadow !=none {
+        box-shadow: $btn-active-box-shadow,
+          0 0 0 $btn-focus-width rgba($color, 0.5);
+      }
+
+      @else {
+        box-shadow: 0 0 0 $btn-focus-width rgba($color, 0.5);
+      }
+    }
+  }
+}
+
+// Button sizes
+@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border) {
+  font-size: $font-size;
+  border-radius: $border;
+  padding: $padding-vertical $padding-horizontal;
+
+  &.btn-simple {
+    padding: $padding-vertical - 1 $padding-horizontal - 1;
+  }
+}
+
+// for social buttons
+@mixin social-buttons-color($color, $state-color) {
+  @include diagonal-gradient($color, darken($color, 20%));
+  //background-color: $color;
+  color: $white;
+  background-size: 210% 210%;
+  background-position: top right;
+  background-repeat: space;
+
+  &:focus,
+  &:active,
+  &:hover {
+    background-color: $state-color;
+    background-image: linear-gradient(to bottom left,
+        $color,
+        darken($color, 20%),
+        $color) !important;
+    background-image: -webkit-linear-gradient(to bottom left,
+        $color,
+        darken($color, 20%),
+        $color) !important;
+    background-image: -o-linear-gradient(to bottom left,
+        $color,
+        darken($color, 20%),
+        $color) !important;
+    background-image: -moz-linear-gradient(to bottom left,
+        $color,
+        darken($color, 20%),
+        $color) !important;
+    color: $white;
+  }
+
+  &.btn-simple {
+    color: $state-color;
+    background-color: $transparent-bg;
+    background-image: none !important;
+    box-shadow: none;
+    border-color: $state-color;
+
+    &:hover,
+    &:focus,
+    &:active {
+      color: $state-color;
+      border-color: $state-color;
+    }
+  }
+
+  &.btn-neutral {
+    color: $color;
+    background-color: $white;
+
+    &:hover,
+    &:focus,
+    &:active {
+      color: $state-color;
+    }
+  }
+}
+
 // Button variants
 //
+// copied from bootsrap and customised too
 // Easily pump out default styles, as well as :hover, :focus, :active,
 // and disabled options for all buttons
 
-@mixin button-variant(
-  $background,
+@mixin button-variant($background,
   $border,
   $hover-background: darken($background, 7.5%),
   $hover-border: darken($border, 10%),
   $active-background: darken($background, 10%),
-  $active-border: darken($border, 12.5%)
-) {
+  $active-border: darken($border, 12.5%)) {
   color: color-yiq($background);
   @include gradient-bg($background);
   border-color: $border;
@@ -27,19 +426,15 @@
     color: color-yiq($hover-background);
     @include gradient-bg($hover-background);
     border-color: $hover-border;
+
     @if $enable-shadows {
-      @include box-shadow(
-        $btn-box-shadow,
-        0 0 0 $btn-focus-width
-          rgba(mix(color-yiq($background), $border, 15%), 0.5)
-      );
-    } @else {
+      @include box-shadow($btn-box-shadow,
+        0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), 0.5));
+    }
+
+    @else {
       // Avoid using mixin so we can pass custom focus shadow properly
-      box-shadow: 0
-        0
-        0
-        $btn-focus-width
-        rgba(mix(color-yiq($background), $border, 15%), 0.5);
+      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), 0.5);
     }
   }
 
@@ -49,6 +444,7 @@
     color: color-yiq($background);
     background-color: $background;
     border-color: $border;
+
     // Remove CSS gradients if they're enabled
     @if $enable-gradients {
       background-image: none;
@@ -57,39 +453,34 @@
 
   &:not(:disabled):not(.disabled):active,
   &:not(:disabled):not(.disabled).active,
-  .show > &.dropdown-toggle {
+  .show>&.dropdown-toggle {
     color: color-yiq($active-background);
     background-color: $active-background;
+
     @if $enable-gradients {
       background-image: none; // Remove the gradient for the pressed/active state
     }
+
     border-color: $active-border;
 
     &:focus {
-      @if $enable-shadows and $btn-active-box-shadow != none {
-        @include box-shadow(
-          $btn-active-box-shadow,
-          0 0 0 $btn-focus-width
-            rgba(mix(color-yiq($background), $border, 15%), 0.5)
-        );
-      } @else {
+      @if $enable-shadows and $btn-active-box-shadow !=none {
+        @include box-shadow($btn-active-box-shadow,
+          0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), 0.5));
+      }
+
+      @else {
         // Avoid using mixin so we can pass custom focus shadow properly
-        box-shadow: 0
-          0
-          0
-          $btn-focus-width
-          rgba(mix(color-yiq($background), $border, 15%), 0.5);
+        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), 0.5);
       }
     }
   }
 }
 
-@mixin button-outline-variant(
-  $color,
+@mixin button-outline-variant($color,
   $color-hover: color-yiq($color),
   $active-background: $color,
-  $active-border: $color
-) {
+  $active-border: $color) {
   color: $color;
   border-color: $color;
 
@@ -112,18 +503,18 @@
 
   &:not(:disabled):not(.disabled):active,
   &:not(:disabled):not(.disabled).active,
-  .show > &.dropdown-toggle {
+  .show>&.dropdown-toggle {
     color: color-yiq($active-background);
     background-color: $active-background;
     border-color: $active-border;
 
     &:focus {
-      @if $enable-shadows and $btn-active-box-shadow != none {
-        @include box-shadow(
-          $btn-active-box-shadow,
-          0 0 0 $btn-focus-width rgba($color, 0.5)
-        );
-      } @else {
+      @if $enable-shadows and $btn-active-box-shadow !=none {
+        @include box-shadow($btn-active-box-shadow,
+          0 0 0 $btn-focus-width rgba($color, 0.5));
+      }
+
+      @else {
         // Avoid using mixin so we can pass custom focus shadow properly
         box-shadow: 0 0 0 $btn-focus-width rgba($color, 0.5);
       }
@@ -132,13 +523,11 @@
 }
 
 // Button sizes
-@mixin button-size(
-  $padding-y,
+@mixin button-size($padding-y,
   $padding-x,
   $font-size,
   $line-height,
-  $border-radius
-) {
+  $border-radius) {
   padding: $padding-y $padding-x;
   @include font-size($font-size);
   line-height: $line-height;
@@ -150,4 +539,4 @@
 // t.ly/8b37
 @mixin set-gradient-button($arg) {
   @extend %btn-gradient#{$arg};
-}
+}