viniBaxter-desk_front 32.0.0 → 33.0.0

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

@@ -13,7 +13,6 @@
 @import 'forms';
 @import 'jumbotron';
 @import 'list-group';
-@import 'modal';
 @import 'nav';
 // @import 'navbar';
 @import 'popover';
@@ -38,4 +37,4 @@
 @import 'vendors';
 
 // icon font is inside the app name => Feather
-@import 'feather';
+@import 'feather';

data/lib/viniBaxter/sass/desk_front/dashkit/vendors/_dropzone.scss

@@ -49,19 +49,26 @@
 
 .dz-preview-single {
   position: absolute;
-  top: 0; right: 0; bottom: 0; left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
   border-radius: $border-radius;
 }
 
 .dz-preview-cover {
   position: absolute;
-  top: 0; right: 0; bottom: 0; left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
   border-radius: $border-radius;
 }
 
 .dz-preview-img {
   object-fit: cover;
-  width: 100%; height: 100%;
+  width: 100%;
+  height: 100%;
   border-radius: $border-radius;
 }
 

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

@@ -0,0 +1,9 @@
+// administrate
+@import 'administrate/index';
+
+@import 'functions';
+@import 'mixins';
+
+
+// custom components
+@import 'custom-components/index';

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

@@ -0,0 +1,18 @@
+@import 'mixins/alert';
+@import 'mixins/badges';
+@import 'mixins/background-variant';
+@import 'mixins/forms';
+@import 'mixins/icon';
+@import 'mixins/modals';
+@import 'mixins/popovers';
+@import 'mixins/page-header';
+@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';

data/lib/viniBaxter/sass/desk_front/{administrate/index.scss → v2lrf-dashboard/administrate/_index.scss}

@@ -1,17 +1,13 @@
 @import "reset/normalize";
-
 @import "selectize";
 @import "library/customSelectize";
-
 @import "library/clearfix";
 @import "library/data-label";
-
 @import "base/forms";
 @import "base/layout";
 @import "base/lists";
 @import "base/tables";
 @import "base/typography";
-
 @import "components/app-container";
 @import "components/attributes";
 @import "components/cells";
@@ -20,5 +16,4 @@
 @import "components/navigation";
 @import "components/pagination";
 @import "components/search";
-
 @import "utilities/text-color";

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

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

data/lib/viniBaxter/sass/desk_front/{administrate → v2lrf-dashboard/administrate}/base/_tables.scss

@@ -49,6 +49,6 @@ th {
 
 td img {
   &.admin {
-    max-height: 2rem; // KEEPBECKY
+    max-height: 2rem;
   }
 }

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

@@ -0,0 +1,54 @@
+#CustomYourDashboard {
+
+    ul {
+        list-style-type: none;
+    }
+
+    .badge-color-choice {
+        // transition: all .14s;
+        border: 2px solid $white;
+        border-radius: 50%;
+        cursor: pointer;
+        display: inline-block;
+        height: 35px;
+        width: 35px;
+        margin-right: 5px;
+        position: relative;
+
+        &[data='dark'] {
+            @include linear-gradient($black-states, $cplus_light);
+        }
+
+        &[data='primary'] {
+            @include linear-gradient($primary-states, $primary);
+        }
+
+        &[data='blue'] {
+            @include linear-gradient($info-states, $info);
+        }
+
+        &[data='green'] {
+            @include linear-gradient($success-states, $success);
+        }
+
+        &[data='orange'] {
+            @include linear-gradient($warning-states, $warning);
+        }
+
+        &[data='red'] {
+            @include linear-gradient($danger-states, $danger);
+        }
+
+        &:hover {
+            border: 1px solid lighten($black-states, 50%);
+        }
+
+        &.active {
+            border: 4px solid $black-states !important;
+        }
+
+    }
+
+
+
+}

data/lib/viniBaxter/sass/desk_front/{beckyBaxter → v2lrf-dashboard}/custom-components/_index.scss

@@ -4,9 +4,12 @@
 @import 'dropdown';
 @import 'pagination';
 @import 'misc';
+@import 'modal-setup';
+@import 'modal';
+@import 'custom-dashboard-ui';
 
 // Custom Vendor / Plugins
 @import 'vendor/index';
 
 // Custom Cards
-@import 'cards/index';
+@import 'cards/index';

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

@@ -0,0 +1,25 @@
+// Modal background
+.modal {
+    backdrop-filter: saturate(100%) blur(10px) !important;
+    background-color: rgba(255, 255, 255, .80) !important;
+}
+
+.modal-backdrop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: $zindex-modal-backdrop;
+    // z-index: 1040 !important;
+    width: 100vw;
+    height: 100vh;
+    background-color: $modal-backdrop-bg;
+
+    // Fade for backdrop
+    &.fade {
+        opacity: 0;
+    }
+
+    &.show {
+        opacity: $modal-backdrop-opacity;
+    }
+}

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

@@ -0,0 +1,109 @@
+//
+// modal.scss
+// Extended from Bootstrap
+//
+
+//
+// Bootstrap Overrides =======================
+//
+.modal {
+    z-index: 99999;
+}
+
+.modal-dialog {
+
+    // When fading in the modal, animate it to slide down
+    .modal.fade & {
+        transform: translate(0, -150px);
+    }
+
+    .modal.show & {
+        transform: translate(0, 0);
+    }
+}
+
+.modal-header .close {
+    margin: -1.5rem -1.5rem -1.5rem auto;
+}
+
+//
+// Dashkit ===================================
+//
+
+// Modal dialog vertical
+//
+// Creates a vertically aligned version of the modal dialog
+
+.modal-dialog-vertical {
+    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;
+    }
+
+    .modal-header {
+        border-radius: inherit;
+    }
+
+    .modal-body {
+        height: inherit;
+        overflow-y: auto;
+    }
+
+    &.xs {
+        max-width: $modal-dialog-vertical-width-xs;
+    }
+}
+
+.modal.fade .modal-dialog-vertical {
+    transform: translateX(-100%);
+}
+
+.modal.show .modal-dialog-vertical {
+    transform: translateX(0);
+}
+
+// Positioning
+
+.modal.fixed-right {
+    padding-right: 0 !important;
+}
+
+.modal.fixed-right .modal-dialog-vertical {
+    margin-left: auto;
+}
+
+.modal.fixed-right.fade .modal-dialog-vertical {
+    transform: translateX(100%);
+}
+
+.modal.fixed-right.show .modal-dialog-vertical {
+    transform: translateX(0);
+}
+
+// Modal card
+
+.modal-card {
+    margin-bottom: 0;
+
+    .card-body {
+        max-height: $modal-card-body-max-height;
+        overflow-y: auto;
+    }
+}
+
+// Modal tabs
+
+.modal-header-tabs {
+    margin-top: -$modal-header-padding-y;
+    margin-bottom: calc(-#{$modal-header-padding-y} - #{$border-width});
+}