viniBaxter-desk_front 33.0.0 → 38.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 34892ee2cfbb9ddfa75bdcb4a08f9085ce7081906fa3d4fb28d60cb8436a2db4
-  data.tar.gz: a5721188b3b806fa77df52edcca0d8244aa167fe9736f4a58b709c36ff4e3b1d
+  metadata.gz: 0a90f49a246d9d6b3e17c7d9333c4b36067dca53fc71de6756a22dd71cef1afd
+  data.tar.gz: c7c036911d10026859fcece001148d2ffcc94076061c9c9befc3e79ac3972ffd
 SHA512:
-  metadata.gz: '0909dcffa6fd4fdba1c92903dcca897e7395490bfa1f0925c40838e111401e357491eb1909d1ad18094c3d4179382065ca536b052e31c37382f90d9ffac01dbc'
-  data.tar.gz: bfd32fbda1acc133c0359c97e7799b9557da73751d1b87705571947c139fa5ff44f9470c22f945e63fa2e521a703c93f60a6e2c800b33d695361a2ea1c3b0d87
+  metadata.gz: 6c1d4164e6bac597b1816346506ca71d82470b02869f7d851352c3d428fe3dc075c02154a6b1ec2d7e624bd57f3b4e1729c1b1c491ef386a9098ea3ada31b612
+  data.tar.gz: 001eb6878b7d7ae336b5df0acff34cec76582e0baf577957ba9065bca97b42de0edd12feb94b9e5c23c5a421218e75e3219696423ef7c2bc9aeb47da3974cdc7

data/lib/viniBaxter/desk_front/version.rb

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

data/lib/viniBaxter/sass/desk_front-boostrap.scss

@@ -0,0 +1,2 @@
+// bootstrap
+@import 'desk_front/bootstrap/bootstrap';

data/lib/viniBaxter/sass/desk_front-template.scss

@@ -0,0 +1,2 @@
+// Template core Dashkit but could be what you want
+@import 'desk_front/dashkit/dashkit';

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

@@ -0,0 +1,6 @@
+//  ViniBaxter
+@import 'desk_front/v2lrf-dashboard/index';
+
+// some exteranals components
+@import 'desk_front/landing/landing';
+@import 'desk_front/v2lrf-dashboard/new_nav';

data/lib/viniBaxter/sass/desk_front.scss

@@ -1,12 +1,5 @@
-// bootstrap
-@import 'desk_front/bootstrap/bootstrap';
+@import 'desk_front-boostrap';
 
-// becky ViniBaxter
-@import 'desk_front/v2lrf-dashboard/index';
+@import 'desk_front-v2lrf-dashboard';
 
-// Template core Dashkit but could be what you want
-@import 'desk_front/dashkit/dashkit';
-
-// some exteranals components
-@import 'desk_front/landing/landing';
-@import 'desk_front/v2lrf-dashboard/new_nav';
+@import 'desk_front-template';

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/dashkit/_dashkit.scss

@@ -10,11 +10,9 @@
 @import 'code';
 @import 'custom-forms';
 @import 'dropdowns';
-@import 'forms';
 @import 'jumbotron';
 @import 'list-group';
 @import 'nav';
-// @import 'navbar';
 @import 'popover';
 @import 'progress';
 @import 'reboot';
@@ -26,7 +24,6 @@
 
 // Dashkit only components
 
-@import 'avatar';
 @import 'chart';
 @import 'comment';
 @import 'checklist';

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

@@ -12,7 +12,8 @@
 }
 
 .header-img-top {
-  width: 100%; height: auto;
+  width: 100%;
+  height: auto;
 }
 
 .header-body {
@@ -44,7 +45,6 @@
 .header-subtitle {
   margin-top: map-get($spacers, 2);
   margin-bottom: 0;
-  color: $text-muted;
 }
 
 .header-tabs {

data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_background.scss

@@ -15,7 +15,7 @@
 // Calculate the width of the main container because 
 // the background-attachment property will use 100vw instead
 
-.navbar-vertical ~ .main-content.bg-fixed-bottom {
+.navbar-vertical~.main-content.bg-fixed-bottom {
   background-size: 100%;
 
   @include media-breakpoint-up(md) {
@@ -42,7 +42,8 @@
 
 // Ellipses
 
-@each $color, $value in $theme-colors {
+@each $color,
+$value in $theme-colors {
 
   .bg-ellipses.bg-#{$color} {
     background-color: transparent !important;
@@ -57,7 +58,8 @@
 // Hero
 
 .bg-hero {
-  background-image: linear-gradient(to bottom, fade-out($black, .15), fade-out($black, .15)), url(#{$path-to-img}/covers/header-cover.jpg);
+  background-image: linear-gradient(to bottom, fade-out($black, .15), fade-out($black, .15)),
+  url(#{$path-to-img}/covers/header-cover.jpg);
   background-repeat: no-repeat, no-repeat;
   background-position: center center, center center;
   background-size: cover, cover;
@@ -67,14 +69,15 @@
 // Colors
 
 .bg-lighter {
-  background-color: $lighter !important;
+  background-color: $nft-soft-lighter !important;
 }
 
 
 // Soft colors
 
-@each $color, $value in $theme-colors {
+@each $color,
+$value in $theme-colors {
   .bg-#{$color}-soft {
     background-color: theme-color-level($color, $bg-soft-level) !important;
   }
-}
+}

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/{dashkit → v2lrf-dashboard/custom-components}/_avatar.scss

@@ -11,6 +11,21 @@
   width: $avatar-size-base;
   height: $avatar-size-base;
   font-size: $avatar-size-base / 3;
+  cursor: pointer;
+
+  &.avatar-xxl.avatar-dashboard-choice {
+    width: 8rem;
+    height: 4rem;
+
+    .active {
+      border: 2px solid $black-states !important;
+    }
+
+    :hover {
+      border: 1px solid lighten($black-states, 50%);
+    }
+  }
+
 
   // Loads mask images so they don't lag on hover
 
@@ -142,6 +157,7 @@
   width: $avatar-size-xxl * 4 / 3;
 }
 
+
 // Group
 
 .avatar-group {
@@ -149,27 +165,27 @@
 
   // Shift every next avatar left
 
-  .avatar + .avatar {
+  .avatar+.avatar {
     margin-left: -$avatar-size-base / 4;
   }
 
-  .avatar-xs + .avatar-xs {
+  .avatar-xs+.avatar-xs {
     margin-left: -$avatar-size-xs / 4;
   }
 
-  .avatar-sm + .avatar-sm {
+  .avatar-sm+.avatar-sm {
     margin-left: -$avatar-size-sm / 4;
   }
 
-  .avatar-lg + .avatar-lg {
+  .avatar-lg+.avatar-lg {
     margin-left: -$avatar-size-lg / 4;
   }
 
-  .avatar-xl + .avatar-xl {
+  .avatar-xl+.avatar-xl {
     margin-left: -$avatar-size-xl / 4;
   }
 
-  .avatar-xxl + .avatar-xxl {
+  .avatar-xxl+.avatar-xxl {
     margin-left: -$avatar-size-xxl / 4;
   }
 
@@ -186,7 +202,7 @@
     mask-image: none;
     z-index: 1;
 
-    + .avatar {
+    +.avatar {
       mask-image: url(image-path('desk_front/avatar-group-hover.svg'));
       mask-size: 100% 100%;
 
@@ -195,4 +211,4 @@
       }
     }
   }
-}
+}

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

@@ -15,27 +15,32 @@
         margin-right: 5px;
         position: relative;
 
-        &[data='dark'] {
+        &[value='dark'] {
             @include linear-gradient($black-states, $cplus_light);
         }
 
-        &[data='primary'] {
+        &[value='grey'] {
+            @include linear-gradient($light, $light);
+            border: 2px dashed $gray-300;
+        }
+
+        &[value='primary'] {
             @include linear-gradient($primary-states, $primary);
         }
 
-        &[data='blue'] {
+        &[value='blue'] {
             @include linear-gradient($info-states, $info);
         }
 
-        &[data='green'] {
+        &[value='green'] {
             @include linear-gradient($success-states, $success);
         }
 
-        &[data='orange'] {
+        &[value='orange'] {
             @include linear-gradient($warning-states, $warning);
         }
 
-        &[data='red'] {
+        &[value='red'] {
             @include linear-gradient($danger-states, $danger);
         }
 
@@ -44,7 +49,7 @@
         }
 
         &.active {
-            border: 4px solid $black-states !important;
+            border: 2px solid $black-states !important;
         }
 
     }

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

@@ -0,0 +1,275 @@
+.form-control:focus {
+    color: $nft-dark;
+    background-color: #FFFFFF;
+    border-color: $primary;
+    outline: 0;
+    box-shadow: transparent;
+}
+
+.form-text {
+    margin-top: 0;
+    margin-bottom: $label-margin-bottom;
+}
+
+
+// Form validation
+
+.was-validated .form-control:valid:focus,
+.form-control.is-valid:focus,
+.was-validated .form-control:invalid:focus,
+.form-control.is-invalid:focus {
+    box-shadow: none;
+}
+
+
+//
+// Dashkit ===================================
+//
+
+// Form control flush
+//
+// Removes borders and paddings from inputs and text areas
+
+.form-control-flush {
+    padding-left: 0;
+    padding-right: 0;
+    border-color: transparent !important;
+    background-color: transparent !important;
+    resize: none;
+}
+
+
+// Form control auto
+//
+// Sets the height of the input to auto
+
+.form-control-auto {
+    height: auto;
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
+
+// Form control rounded
+//
+// Makes input border radius round
+
+.form-control-rounded {
+    border-radius: 20rem;
+}
+
+
+// Input group merge
+//
+// Makes input group text and form control visually the same element
+
+.input-group.input-group-merge {
+
+    >.form-control {
+        border-radius: $input-border-radius;
+
+        &:focus {
+            box-shadow: none;
+
+            ~[class*="input-group"] {
+
+                >.input-group-text {
+                    border-color: $primary !important;
+                }
+            }
+        }
+    }
+
+    >.form-control.is-valid~[class*="input-group"]>.input-group-text {
+        border-color: $success;
+    }
+
+    >.form-control.is-invalid~[class*="input-group"]>.input-group-text {
+        border-color: $danger;
+    }
+
+    >.form-control-prepended {
+        padding-left: $input-padding-x / 2;
+        border-top-left-radius: 0 !important;
+        border-bottom-left-radius: 0 !important;
+        border-left-width: 0;
+    }
+
+    >.form-control-appended {
+        padding-right: $input-padding-x / 2;
+        border-top-right-radius: 0 !important;
+        border-bottom-right-radius: 0 !important;
+        border-right-width: 0;
+    }
+
+    >.input-group-prepend {
+        order: -1; // prepend always goes first
+
+        >.input-group-text {
+            padding-right: $input-padding-x / 2;
+            border-top-left-radius: $input-border-radius;
+            border-bottom-left-radius: $input-border-radius;
+            border-right-width: 0;
+            transition: $input-transition;
+        }
+    }
+
+    >.input-group-append {
+
+        >.input-group-text {
+            padding-left: $input-padding-x / 2;
+            border-top-right-radius: $input-border-radius;
+            border-bottom-right-radius: $input-border-radius;
+            border-left-width: 0;
+            transition: $input-transition;
+        }
+    }
+}
+
+.input-group-lg.input-group-merge {
+
+    >.form-control {
+        border-radius: $input-border-radius-lg;
+    }
+
+    >.form-control-prepended {
+        padding-left: $input-padding-x-lg / 2;
+
+    }
+
+    >.form-control-appended {
+        padding-right: $input-padding-x-lg / 2;
+
+    }
+
+    >.input-group-prepend {
+
+        >.input-group-text {
+            padding-right: $input-padding-x-lg / 2;
+            border-top-left-radius: $input-border-radius-lg;
+            border-bottom-left-radius: $input-border-radius-lg;
+        }
+    }
+
+    >.input-group-append {
+
+        >.input-group-text {
+            padding-left: $input-padding-x-lg / 2;
+            border-top-right-radius: $input-border-radius-lg;
+            border-bottom-right-radius: $input-border-radius-lg;
+        }
+    }
+}
+
+.input-group-sm.input-group-merge {
+
+    >.form-control {
+        border-radius: $input-border-radius-sm;
+    }
+
+    >.form-control-prepended {
+        padding-left: $input-padding-x-sm / 2;
+
+    }
+
+    >.form-control-appended {
+        padding-right: $input-padding-x-sm / 2;
+    }
+
+    >.input-group-prepend {
+
+        >.input-group-text {
+            padding-right: $input-padding-x-sm / 2;
+            border-top-left-radius: $input-border-radius-sm;
+            border-bottom-left-radius: $input-border-radius-sm;
+        }
+    }
+
+    >.input-group-append {
+
+        >.input-group-text {
+            padding-left: $input-padding-x-sm / 2;
+            border-top-right-radius: $input-border-radius-sm;
+            border-bottom-right-radius: $input-border-radius-sm;
+        }
+    }
+}
+
+.input-group-rounded.input-group-merge {
+
+    >.form-control {
+        border-radius: 20rem;
+    }
+
+    >.input-group-prepend {
+
+        >.input-group-text {
+            border-top-left-radius: 20rem;
+            border-bottom-left-radius: 20rem;
+        }
+    }
+
+    >.input-group-append {
+
+        >.input-group-text {
+            border-top-right-radius: 20rem;
+            border-bottom-right-radius: 20rem;
+        }
+    }
+}
+
+.input-group-flush {
+
+    >.form-control {
+        padding-top: 0;
+        padding-bottom: 0;
+        border-color: transparent !important;
+        background-color: transparent !important;
+    }
+
+    >.input-group-prepend,
+    >.input-group-append {
+
+        >.input-group-text {
+            padding: 0;
+            border-width: 0;
+            background-color: transparent;
+        }
+    }
+}
+
+
+// Font size
+
+.form-control {
+
+    &.h1,
+    &.h2,
+    &.h3,
+    &.h4,
+    &.h5 {
+        margin-bottom: 0;
+        font-weight: $headings-font-weight;
+        letter-spacing: $headings-letter-spacing;
+    }
+
+    &.h1 {
+        font-size: $h1-font-size;
+    }
+
+    &.h2 {
+        font-size: $h2-font-size;
+    }
+
+    &.h3 {
+        font-size: $h3-font-size;
+    }
+
+    &.h4 {
+        font-size: $h4-font-size;
+    }
+
+    &.h5 {
+        font-size: $h5-font-size;
+    }
+}