viniBaxter-desk_front 0.2.0

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

@@ -0,0 +1,101 @@
+// 
+// popover.scss
+// Extended from Bootstrap
+//
+
+// 
+// Bootstrap Overrides =====================================
+//
+
+.popover {
+  padding: $popover-padding-y $popover-padding-x;
+
+  &:hover {
+    visibility: visible !important;
+  }
+}
+
+.popover-header {
+  margin-bottom: $popover-header-margin-bottom;
+  border-bottom: 0;
+}
+
+.popover-body-label {
+  margin-left: .25rem;
+}
+
+.popover-body-value {
+  margin-left: .25rem;
+}
+
+.popover-body-indicator {
+  display: inline-block;
+  width: .5rem;
+  height: .5rem;
+  border-radius: 50%;
+}
+
+
+// Large 
+
+.popover-lg {
+  max-width: $popover-lg-max-width;
+}
+
+
+// Dark
+
+.popover-dark {
+  background-color: $popover-dark-bg;
+  border-color: $popover-dark-border-color;
+}
+
+.popover-dark .popover-header {
+  font-weight: $font-weight-normal;
+  background-color: $popover-dark-header-bg;
+  color: $popover-dark-header-color;
+}
+
+.popover-dark.bs-popover-top .arrow {
+
+  &::before {
+    border-top-color: $popover-dark-border-color;
+  }
+
+  &::after {
+    border-top-color: $popover-dark-bg;
+  }
+}
+
+.popover-dark.bs-popover-right .arrow {
+
+  &::before {
+    border-right-color: $popover-dark-border-color;
+  }
+
+  &::after {
+    border-right-color: $popover-dark-bg;
+  }
+}
+
+.popover-dark.bs-popover-bottom .arrow {
+
+  &::before {
+    border-bottom-color: $popover-dark-border-color;
+  }
+
+  &::after {
+    border-bottom-color: $popover-dark-bg;
+  }
+}
+
+.popover-dark.bs-popover-left .arrow {
+
+  &::before {
+    border-left-color: $popover-dark-border-color;
+  }
+
+  &::after {
+    border-left-color: $popover-dark-bg;
+  }
+}

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

@@ -0,0 +1,27 @@
+// 
+// progress.scss
+// Extended from Bootstrap
+//
+
+// 
+// Bootstrap Overrides =====================================
+//
+
+// Rounds the progress bar, even for "multiple bar" progress bars
+.progress-bar:first-child {
+  border-top-left-radius: $progress-border-radius;
+  border-bottom-left-radius: $progress-border-radius;
+}
+.progress-bar:last-child {
+  border-top-right-radius: $progress-border-radius;
+  border-bottom-right-radius: $progress-border-radius;
+}
+
+
+//
+// Dashkit ===================================
+//
+
+.progress-sm {
+  height: $progress-height-sm;
+}

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

@@ -0,0 +1,12 @@
+//
+// reboot.scss
+// Extended from Bootstrap
+//
+
+//
+// Remove the cancel buttons in Chrome and Safari on macOS.
+//
+
+[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}

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

@@ -0,0 +1,12 @@
+//
+// root.scss
+// Extended from Bootstrap
+//
+
+html {
+  height: 100%;
+}
+
+body {
+  min-height: 100%;
+}

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

@@ -0,0 +1,76 @@
+// 
+// tables.scss
+// Extended from Bootstrap
+//
+
+// 
+// Bootstrap Overrides =====================================
+//
+
+.table {
+
+  thead th {
+    background-color: $table-head-bg;
+    text-transform: uppercase;
+    font-size: $font-size-sm;
+    font-weight: $font-weight-bold;
+    letter-spacing: .08em;
+    color: $table-head-color;
+    border-bottom-width: $table-border-width;
+  }
+
+  thead th, tbody th, tbody td {
+    vertical-align: middle;
+  }
+}
+
+.table-sm {
+  font-size: $font-size-sm;
+
+  thead th {
+    font-size: $font-size-xs;
+  }
+}
+
+
+//
+// Dashkit =====================================
+//
+
+// No wrap
+//
+// Prevents table content from wrapping to the next line
+
+.table-nowrap {
+
+  th, td {
+    white-space: nowrap;
+  }
+}
+
+
+// Sort
+//
+// Adds sorting icons
+
+.table [data-sort] {
+  white-space: nowrap;
+
+  &::after {
+    content: str-replace(url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='#{$text-muted}'/></svg>"), "#", "%23");
+    margin-left: .25rem;
+  }
+}
+
+
+// Table checkbox
+
+.table-checkbox {
+  min-height: 0;
+}
+
+.table-checkbox .custom-control-label::before,
+.table-checkbox .custom-control-label::after {
+  top: 50%;
+  transform: translateY(-50%);
+}

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

@@ -0,0 +1,4 @@
+//
+// toasts.scss
+// Extended from Bootstrap
+//

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

@@ -0,0 +1,115 @@
+// 
+// type.scss
+// Extended from Bootstrap
+//
+
+// 
+// Bootstrap Overrides =====================================
+//
+
+h1, .h1 {
+  margin-bottom: $headings-margin-bottom;
+  font-size: 1.5rem;
+
+  @include media-breakpoint-up(md) {
+    font-size: $h1-font-size;
+  }
+}
+
+h2, .h2 {
+  margin-bottom: $headings-margin-bottom;
+}
+
+h3, .h3 {
+  margin-bottom: ($headings-margin-bottom * .75);
+}
+
+h4, .h4 {
+  margin-bottom: ($headings-margin-bottom * .5);
+}
+
+h5, .h5 {
+  margin-bottom: ($headings-margin-bottom * .5);
+}
+
+h6, .h6 {
+  margin-bottom: ($headings-margin-bottom * .5);
+}
+
+
+// Links
+
+h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
+
+  > a {
+    color: inherit;
+  }
+}
+
+// Type display classes
+
+.display-1,
+.display-2,
+.display-3,
+.display-4 {
+  letter-spacing: $display-letter-spacing;
+}
+
+// Headings
+
+h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
+  letter-spacing: $headings-letter-spacing;
+}
+
+h6.text-uppercase {
+  letter-spacing: .08em;
+}
+
+// Bold, strong
+
+b, strong {
+  font-weight: $font-weight-bold;
+}
+
+
+// Links, buttons
+//
+// Removes focus outline
+
+a, button {
+
+  &:focus {
+    outline: none !important;
+  }
+}
+
+
+// 
+// Dashkit =====================================
+//
+
+// Include Cerebri Sans
+
+@font-face {
+  font-family: 'Cerebri Sans';
+  src: url('#{$path-to-fonts}/cerebrisans/cerebrisans-regular.eot');
+  src: url('#{$path-to-fonts}/cerebrisans/cerebrisans-regular.eot?#iefix') format('embedded-opentype'), url('#{$path-to-fonts}/cerebrisans/cerebrisans-regular.woff') format('woff'), url('#{$path-to-fonts}/cerebrisans/cerebrisans-regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Cerebri Sans';
+  src: url('#{$path-to-fonts}/cerebrisans/cerebrisans-medium.eot');
+  src: url('#{$path-to-fonts}/cerebrisans/cerebrisans-medium.eot?#iefix') format('embedded-opentype'), url('#{$path-to-fonts}/cerebrisans/cerebrisans-medium.woff') format('woff'), url('#{$path-to-fonts}/cerebrisans/cerebrisans-medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Cerebri Sans';
+  src: url('#{$path-to-fonts}/cerebrisans/cerebrisans-semibold.eot');
+  src: url('#{$path-to-fonts}/cerebrisans/cerebrisans-semibold.eot?#iefix') format('embedded-opentype'), url('#{$path-to-fonts}/cerebrisans/cerebrisans-semibold.woff') format('woff'), url('#{$path-to-fonts}/cerebrisans/cerebrisans-semibold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}

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

@@ -0,0 +1,5 @@
+@import 'utilities/background';
+@import 'utilities/borders';
+@import 'utilities/lift';
+@import 'utilities/sizing';
+@import 'utilities/type';

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

@@ -0,0 +1,5 @@
+@import 'vendors/dropzone';
+@import 'vendors/flatpickr';
+@import 'vendors/quill';
+@import 'vendors/list';
+@import 'vendors/select2';

data/lib/viniBaxter/sass/desk_front/dashkit/dark/_overrides-dark.scss

@@ -0,0 +1,60 @@
+//
+// overrides.scss
+// Dark mode overrides
+//
+
+//
+// Table of contents
+//
+// 1. Buttons
+// 2. Forms
+// 3. Input groups
+// 4. Quill
+// 5. Select2
+//
+
+
+// Buttons
+
+.btn-white, .btn-light {
+  @include button-variant($gray-800-dark, $gray-600-dark);
+
+  &:not(:disabled):not(.disabled):hover,
+  &:not(:disabled):not(.disabled):focus,
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  &:not(:disabled):not(.disabled):active:focus,
+  &:not(:disabled):not(.disabled).active:focus,
+  .show > &.dropdown-toggle {
+    background-color: $black-dark;
+    border-color: $gray-700-dark;
+    color: $white;
+  }
+}
+
+
+// Forms
+
+.form-control {
+  border-color: $input-bg;
+}
+
+
+// Input groups
+
+.input-group .input-group-text {
+  border-color: $input-bg;
+}
+
+
+// Quill
+
+.ql-toolbar {
+  border-color: $input-bg;
+}
+
+.ql-editor {
+  border-left-color: $input-bg;
+  border-right-color: $input-bg;
+  border-bottom-color: $input-bg;
+}

data/lib/viniBaxter/sass/desk_front/dashkit/dark/_variables-dark.scss

@@ -0,0 +1,219 @@
+// 
+// variables-dark.scss
+// Dashkit dark version
+//
+
+// 
+// Bootstrap Overrides ===================================
+//
+
+
+//
+// Color system
+//
+
+$white: #FFFFFF !default;
+$gray-300: #E3EBF6 !default;
+$gray-600: #95AAC9 !default;
+$gray-700: #6E84A3 !default;
+$gray-900: #283E59 !default;
+$black: #12263F !default;
+
+$gray-600-dark: #244166 !default;
+$gray-700-dark: #1E3A5C !default;
+$gray-800-dark: #152E4D !default;
+$gray-900-dark: #132A46 !default;
+$black-dark: #12263F !default;
+
+$light: $gray-800-dark !default;
+$lighter: $gray-900-dark !default;
+
+
+// Body
+//
+// Settings for the `<body>` element.
+
+$body-bg: $black-dark !default;
+$body-color: $white !default;
+
+
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$border-color: $gray-700-dark !default;
+
+
+// Fonts
+//
+// Font, line-height, and color for body text, headings, and more.
+
+$text-muted: $gray-700 !default;
+
+
+// Tables
+//
+// Customizes the `.table` component with basic values, each used across all table variations.
+
+$table-border-color: $border-color !default;
+
+$table-head-bg: $black-dark !default;
+
+$table-accent-bg: $gray-900-dark !default;
+$table-hover-bg: $gray-900-dark !default;
+$table-active-bg: $gray-900-dark !default;
+
+$table-bg-level: 0 !default;
+$table-border-level: 0 !default;
+
+
+// Forms
+
+$input-bg: $gray-700-dark !default;
+
+$input-color: $white !default;
+$input-border-color: $black-dark !default;
+
+$input-placeholder-color: $gray-600 !default;
+
+$custom-control-indicator-bg: $gray-600-dark !default;
+
+
+// Dropdowns
+//
+// Dropdown menu container and contents.
+
+$dropdown-bg: $gray-800-dark !default;
+$dropdown-border-color: $black !default;
+$dropdown-divider-bg: $black !default;
+
+$dropdown-link-color: $text-muted !default;
+$dropdown-link-hover-color: $white !default;
+
+
+// Navbar
+
+$navbar-dark-color: $gray-700 !default;
+$navbar-dark-hover-color: $black !default;
+$navbar-dark-active-color: $black !default;
+$navbar-dark-toggler-border-color: transparent !default;
+
+$navbar-dark-bg: $white !default;
+$navbar-dark-border-color: $white !default;
+$navbar-dark-heading-color: $text-muted !default;
+$navbar-dark-divider-color: $gray-300 !default;
+$navbar-dark-brand-filter: none;
+
+$navbar-dark-input-bg: $input-bg !default;
+$navbar-dark-input-border-color: $input-border-color !default;
+
+$navbar-light-hover-color: $white !default;
+$navbar-light-active-color: $white !default;
+$navbar-light-input-bg: $gray-700-dark !default;
+$navbar-light-input-border-color: $black-dark !default;
+
+
+// Pagination
+
+$pagination-color: $white !default;
+$pagination-bg: $gray-800-dark !default;
+$pagination-border-color: $gray-600-dark !default;
+
+$pagination-hover-color: $white !default;
+$pagination-hover-bg: $gray-900-dark !default;
+$pagination-hover-border-color: $gray-700-dark !default;
+
+$pagination-disabled-bg: $gray-900-dark !default;
+$pagination-disabled-border-color: $gray-700-dark !default;
+
+
+// Jumbotron
+
+$jumbotron-bg: $gray-800-dark !default;
+
+
+// Cards
+
+$card-bg: $gray-800-dark !default;
+$card-border-color: $border-color !default;
+
+
+// Tooltips
+
+$tooltip-bg: $gray-800-dark !default;
+$tooltip-color: $white !default;
+
+
+// Popovers
+
+$popover-bg: $gray-800-dark !default;
+$popover-border-color: $black !default;
+
+
+// Toasts
+
+$toast-background-color: $gray-800-dark !default;
+;
+
+
+// Modals
+
+$modal-content-bg: $gray-800-dark !default;
+$modal-content-border-color: $black !default;
+
+
+// Progress bars
+
+$progress-bg: $gray-600-dark !default;
+
+
+// 
+// Dashkit =====================================
+//
+
+// Auth
+
+$auth-bg: $body-bg !default;
+
+
+// Avatar
+
+$avatar-title-bg: $gray-600-dark !default;
+
+
+// Badges
+
+$badge-soft-bg-level: 10 !default;
+
+
+// Cards
+
+$card-outline-color: $gray-800-dark !default;
+$card-box-shadow: 0 .75rem 1.5rem transparentize($black-dark, .5) !default;
+
+
+// Comment
+
+$comment-body-bg: $gray-700-dark;
+
+
+// Header
+
+$header-body-border-color-dark: $border-color !default;
+
+
+// Navbar
+
+$navbar-light-bg: $gray-800-dark !default;
+$navbar-light-border-color: $gray-800-dark !default;
+
+
+// Switch
+
+$custom-switch-indicator-bg: $gray-800-dark !default;
+$custom-switch-indicator-active-bg: $white !default;
+
+
+// Backgrounds
+
+$bg-soft-level: 10 !default;

data/lib/viniBaxter/sass/desk_front/dashkit/mixins/_badge.scss

@@ -0,0 +1,16 @@
+// Badge Mixins
+//
+// This is a custom mixin for badge-#{color}-soft variant of Bootstrap's .badge class
+
+@mixin badge-variant-soft($bg, $color) {
+  color: $color;
+  background-color: $bg;
+
+  &[href] {
+    @include hover-focus {
+      color: $color;
+      text-decoration: none;
+      background-color: darken($bg, 5%);
+    }
+  }
+}

data/lib/viniBaxter/sass/desk_front/dashkit/mixins/_breakpoints.scss

@@ -0,0 +1,9 @@
+//
+// breakpoint.scss
+// Extended from Bootstrap
+//
+
+@function breakpoint-prev($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
+  $n: index($breakpoint-names, $name);
+  @return if($n != null and $n != 1, nth($breakpoint-names, $n - 1), null);
+}