at the end of the day, it was inevitable
This commit is contained in:
Mo Elzubeir
@@ -0,0 +1,35 @@
|
||||
// Default
|
||||
|
||||
@import "default/variables";
|
||||
|
||||
// Black
|
||||
|
||||
//@import "black/variables";
|
||||
|
||||
// Blue Alternate
|
||||
|
||||
//@import "blue-alt/variables";
|
||||
|
||||
// Dark
|
||||
|
||||
//@import "dark/variables";
|
||||
|
||||
// Green
|
||||
|
||||
//@import "green/variables";
|
||||
|
||||
// Orange
|
||||
|
||||
//@import "orange/variables";
|
||||
|
||||
// Purple
|
||||
|
||||
//@import "purple/variables";
|
||||
|
||||
// Purple Alternate
|
||||
|
||||
//@import "purple-alt/variables";
|
||||
|
||||
// Red
|
||||
|
||||
//@import "red/variables";
|
||||
@@ -0,0 +1,197 @@
|
||||
// GENERIC
|
||||
|
||||
$enable-caret: true;
|
||||
$enable-rounded: true;
|
||||
$enable-shadows: false;
|
||||
$enable-gradients: false;
|
||||
$enable-transitions: true;
|
||||
$enable-grid-classes: true;
|
||||
$enable-print-styles: false;
|
||||
|
||||
$body-bg: #fff;
|
||||
|
||||
// Colors
|
||||
|
||||
$white: #fff;
|
||||
$gray-100: #f8f9fa;
|
||||
$gray-200: #f7f7f9;
|
||||
$gray-300: #eceeef;
|
||||
$gray-400: #ced4da;
|
||||
$gray-500: #adb5bd;
|
||||
$gray-600: #919aa1;
|
||||
$gray-700: #55595c;
|
||||
$gray-800: #343a40;
|
||||
$gray-900: #1a1a1a;
|
||||
$black: #000;
|
||||
|
||||
$grays: ();
|
||||
|
||||
$grays: map-merge(
|
||||
(
|
||||
"100": $gray-100,
|
||||
"200": $gray-200,
|
||||
"300": $gray-300,
|
||||
"400": $gray-400,
|
||||
"500": $gray-500,
|
||||
"600": $gray-600,
|
||||
"700": $gray-700,
|
||||
"800": $gray-800,
|
||||
"900": $gray-900
|
||||
),
|
||||
$grays
|
||||
);
|
||||
|
||||
//--#{$color}
|
||||
$brand: $gray-900;
|
||||
$blue: #007bff;
|
||||
$indigo: #6610f2;
|
||||
$purple: #6f42c1;
|
||||
$pink: #e83e8c;
|
||||
$red: #d9534f;
|
||||
$orange: #fd7e14;
|
||||
$yellow: #f0ad4e;
|
||||
$green: #4BBF73;
|
||||
$teal: #20c997;
|
||||
$cyan: #1F9BCF;
|
||||
$blue-light: #dcdcdc;
|
||||
|
||||
$primary: $brand;
|
||||
$secondary: $gray-600;
|
||||
$success: $green;
|
||||
$info: $cyan;
|
||||
$warning: $yellow;
|
||||
$danger: $red;
|
||||
$light: $blue-light;
|
||||
$dark: $gray-700;
|
||||
$focus: $indigo;
|
||||
$alt: $purple;
|
||||
|
||||
$theme-colors: ();
|
||||
|
||||
$theme-colors: map-merge(
|
||||
(
|
||||
"primary": $primary,
|
||||
"secondary": $secondary,
|
||||
"success": $success,
|
||||
"info": $info,
|
||||
"warning": $warning,
|
||||
"danger": $danger,
|
||||
"light": $light,
|
||||
"dark": $dark,
|
||||
"focus": $focus,
|
||||
"alternate": $alt
|
||||
),
|
||||
$theme-colors
|
||||
);
|
||||
|
||||
// BOOTSTRAP OVERWRITES
|
||||
|
||||
$headings-font-weight: 400;
|
||||
|
||||
$font-size-base: 0.88rem;
|
||||
$font-size-lg: ($font-size-base * 1.35);
|
||||
$font-size-sm: ($font-size-base * 1.1);
|
||||
$font-size-xs: ($font-size-base / 1.1);
|
||||
|
||||
$btn-transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s;
|
||||
$btn-focus-width: 0;
|
||||
$btn-focus-box-shadow: none;
|
||||
|
||||
$pagination-focus-box-shadow: none;
|
||||
|
||||
$body-color: $gray-700;
|
||||
|
||||
$card-cap-bg: $white;
|
||||
$card-border-color: rgba(darken($primary, 25%), .125);
|
||||
|
||||
$dropdown-min-width: 15rem;
|
||||
$dropdown-link-hover-bg: #d6d6db;
|
||||
$dropdown-item-padding-y: .4rem;
|
||||
$dropdown-padding-y: .65rem;
|
||||
|
||||
$box-shadow-default: 0 0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-right: 0.46875rem 0 2.1875rem rgba(darken($primary, 50%), .03),
|
||||
0.9375rem 0 1.40625rem rgba(darken($primary, 50%), .03),
|
||||
0.25rem 0 0.53125rem rgba(darken($primary, 50%), .05),
|
||||
0.125rem 0 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-inverse: 0 -0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 -0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 -0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 -0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-lg-default: 0 0.76875rem 2.4875rem rgba($gray-800, .3), 0 1.3375rem 1.70625rem rgba($gray-800, .3), 0 0.55rem 0.53125rem rgba(darken($gray-800, 50%), .05), 0 0.225rem 0.4375rem rgba($gray-800, .3);
|
||||
|
||||
$form-check-input-margin-y: 0.3rem;
|
||||
|
||||
$input-group-addon-bg: lighten($dropdown-link-hover-bg, 3%);
|
||||
|
||||
// Tables
|
||||
|
||||
$table-accent-bg: rgba($black, .03);
|
||||
$table-hover-bg: $dropdown-link-hover-bg;
|
||||
$table-active-bg: $table-hover-bg;
|
||||
$table-border-color: $gray-200;
|
||||
$table-head-bg: $gray-100;
|
||||
$table-head-color: $gray-600;
|
||||
$table-cell-padding: .55rem;
|
||||
$table-cell-padding-sm: .3rem;
|
||||
|
||||
// Popovers
|
||||
|
||||
$popover-max-width: 320px;
|
||||
$popover-box-shadow: $box-shadow-default;
|
||||
$popover-border-color: $card-border-color;
|
||||
$popover-header-bg: $white;
|
||||
|
||||
// Color Modifiers
|
||||
|
||||
$link-color: theme-color("primary");
|
||||
$component-active-bg: theme-color("primary");
|
||||
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5);
|
||||
$form-feedback-valid-color: theme-color("success");
|
||||
$form-feedback-invalid-color: theme-color("danger");
|
||||
$progress-bar-bg: theme-color("primary");
|
||||
$input-btn-focus-color: rgba($component-active-bg, .25);
|
||||
$input-focus-border-color: lighten($component-active-bg, 25%);
|
||||
$custom-control-indicator-checked-bg: $component-active-bg;
|
||||
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%);
|
||||
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg;
|
||||
$custom-range-thumb-bg: $component-active-bg;
|
||||
$custom-range-thumb-active-bg: lighten($component-active-bg, 35%);
|
||||
$dropdown-link-active-bg: $component-active-bg;
|
||||
$nav-pills-link-active-bg: $component-active-bg;
|
||||
$pagination-active-bg: $component-active-bg;
|
||||
$list-group-active-bg: $component-active-bg;
|
||||
|
||||
$list-group-border-color: rgba($primary, .08);
|
||||
|
||||
// Mixins
|
||||
|
||||
@mixin box-shadow-architect($shadow) {
|
||||
box-shadow: 0 0.66875rem 2.3875rem rgba($shadow, .03), 0 1.1375rem 1.60625rem rgba($shadow, .03), 0 0.45rem 0.73125rem rgba($shadow, .05), 0 0.325rem 0.3875rem rgba($shadow, .03);
|
||||
}
|
||||
|
||||
// Border
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.border-#{$color} {
|
||||
border-color: $value;
|
||||
}
|
||||
}
|
||||
|
||||
// List Group
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
|
||||
}
|
||||
|
||||
// Background
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-variant(".bg-#{$color}", $value);
|
||||
}
|
||||
|
||||
@if $enable-gradients {
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,196 @@
|
||||
// GENERIC
|
||||
|
||||
$enable-caret: true;
|
||||
$enable-rounded: true;
|
||||
$enable-shadows: false;
|
||||
$enable-gradients: true;
|
||||
$enable-transitions: true;
|
||||
$enable-grid-classes: true;
|
||||
$enable-print-styles: false;
|
||||
|
||||
$body-bg: #fff;
|
||||
|
||||
// Colors
|
||||
|
||||
$white: #fff;
|
||||
$gray-100: #f8f9fa;
|
||||
$gray-200: #e9ecef;
|
||||
$gray-300: #dee2e6;
|
||||
$gray-400: #ced4da;
|
||||
$gray-500: #adb5bd;
|
||||
$gray-600: #868e96;
|
||||
$gray-700: #495057;
|
||||
$gray-800: #343a40;
|
||||
$gray-900: #212529;
|
||||
$black: #000;
|
||||
|
||||
$grays: ();
|
||||
|
||||
$grays: map-merge(
|
||||
(
|
||||
"100": $gray-100,
|
||||
"200": $gray-200,
|
||||
"300": $gray-300,
|
||||
"400": $gray-400,
|
||||
"500": $gray-500,
|
||||
"600": $gray-600,
|
||||
"700": $gray-700,
|
||||
"800": $gray-800,
|
||||
"900": $gray-900
|
||||
),
|
||||
$grays
|
||||
);
|
||||
|
||||
//--#{$color}
|
||||
$brand: #033C73;
|
||||
$indigo: #6610f2;
|
||||
$purple: #6f42c1;
|
||||
$pink: #e83e8c;
|
||||
$red: #C71C22;
|
||||
$orange: #fd7e14;
|
||||
$yellow: #DD5600;
|
||||
$green: #73A839;
|
||||
$teal: #20c997;
|
||||
$cyan: #2FA4E7;
|
||||
$blue-light: #d5d9eb;
|
||||
|
||||
$primary: $brand;
|
||||
$secondary: $gray-400;
|
||||
$success: $green;
|
||||
$info: $cyan;
|
||||
$warning: $yellow;
|
||||
$danger: $red;
|
||||
$light: $blue-light;
|
||||
$dark: $gray-800;
|
||||
$focus: $indigo;
|
||||
$alt: $purple;
|
||||
|
||||
$theme-colors: ();
|
||||
|
||||
$theme-colors: map-merge(
|
||||
(
|
||||
"primary": $primary,
|
||||
"secondary": $secondary,
|
||||
"success": $success,
|
||||
"info": $info,
|
||||
"warning": $warning,
|
||||
"danger": $danger,
|
||||
"light": $light,
|
||||
"dark": $dark,
|
||||
"focus": $focus,
|
||||
"alternate": $alt
|
||||
),
|
||||
$theme-colors
|
||||
);
|
||||
|
||||
// BOOTSTRAP OVERWRITES
|
||||
|
||||
$headings-font-weight: 400;
|
||||
|
||||
$font-size-base: 0.88rem;
|
||||
$font-size-lg: ($font-size-base * 1.35);
|
||||
$font-size-sm: ($font-size-base * 1.1);
|
||||
$font-size-xs: ($font-size-base / 1.1);
|
||||
|
||||
$btn-transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s;
|
||||
$btn-focus-width: 0;
|
||||
$btn-focus-box-shadow: none;
|
||||
|
||||
$pagination-focus-box-shadow: none;
|
||||
|
||||
$body-color: $gray-700;
|
||||
|
||||
$card-cap-bg: $white;
|
||||
$card-border-color: rgba(darken($primary, 25%), .125);
|
||||
|
||||
$dropdown-min-width: 15rem;
|
||||
$dropdown-link-hover-bg: #d1f3ff;
|
||||
$dropdown-item-padding-y: .4rem;
|
||||
$dropdown-padding-y: .65rem;
|
||||
|
||||
$box-shadow-default: 0 0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-right: 0.46875rem 0 2.1875rem rgba(darken($primary, 50%), .03),
|
||||
0.9375rem 0 1.40625rem rgba(darken($primary, 50%), .03),
|
||||
0.25rem 0 0.53125rem rgba(darken($primary, 50%), .05),
|
||||
0.125rem 0 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-inverse: 0 -0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 -0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 -0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 -0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-lg-default: 0 0.76875rem 2.4875rem rgba($gray-800, .3), 0 1.3375rem 1.70625rem rgba($gray-800, .3), 0 0.55rem 0.53125rem rgba(darken($gray-800, 50%), .05), 0 0.225rem 0.4375rem rgba($gray-800, .3);
|
||||
|
||||
$form-check-input-margin-y: 0.3rem;
|
||||
|
||||
$input-group-addon-bg: lighten($dropdown-link-hover-bg, 3%);
|
||||
|
||||
// Tables
|
||||
|
||||
$table-accent-bg: rgba($black, .03);
|
||||
$table-hover-bg: $dropdown-link-hover-bg;
|
||||
$table-active-bg: $table-hover-bg;
|
||||
$table-border-color: $gray-200;
|
||||
$table-head-bg: $gray-100;
|
||||
$table-head-color: $gray-600;
|
||||
$table-cell-padding: .55rem;
|
||||
$table-cell-padding-sm: .3rem;
|
||||
|
||||
// Popovers
|
||||
|
||||
$popover-max-width: 320px;
|
||||
$popover-box-shadow: $box-shadow-default;
|
||||
$popover-border-color: $card-border-color;
|
||||
$popover-header-bg: $white;
|
||||
|
||||
// Color Modifiers
|
||||
|
||||
$link-color: theme-color("primary");
|
||||
$component-active-bg: theme-color("primary");
|
||||
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5);
|
||||
$form-feedback-valid-color: theme-color("success");
|
||||
$form-feedback-invalid-color: theme-color("danger");
|
||||
$progress-bar-bg: theme-color("primary");
|
||||
$input-btn-focus-color: rgba($component-active-bg, .25);
|
||||
$input-focus-border-color: lighten($component-active-bg, 25%);
|
||||
$custom-control-indicator-checked-bg: $component-active-bg;
|
||||
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%);
|
||||
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg;
|
||||
$custom-range-thumb-bg: $component-active-bg;
|
||||
$custom-range-thumb-active-bg: lighten($component-active-bg, 35%);
|
||||
$dropdown-link-active-bg: $component-active-bg;
|
||||
$nav-pills-link-active-bg: $component-active-bg;
|
||||
$pagination-active-bg: $component-active-bg;
|
||||
$list-group-active-bg: $component-active-bg;
|
||||
|
||||
$list-group-border-color: rgba($primary, .08);
|
||||
|
||||
// Mixins
|
||||
|
||||
@mixin box-shadow-architect($shadow) {
|
||||
box-shadow: 0 0.66875rem 2.3875rem rgba($shadow, .03), 0 1.1375rem 1.60625rem rgba($shadow, .03), 0 0.45rem 0.73125rem rgba($shadow, .05), 0 0.325rem 0.3875rem rgba($shadow, .03);
|
||||
}
|
||||
|
||||
// Border
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.border-#{$color} {
|
||||
border-color: $value;
|
||||
}
|
||||
}
|
||||
|
||||
// List Group
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
|
||||
}
|
||||
|
||||
// Background
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-variant(".bg-#{$color}", $value);
|
||||
}
|
||||
|
||||
@if $enable-gradients {
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,197 @@
|
||||
// GENERIC
|
||||
|
||||
$enable-caret: true;
|
||||
$enable-rounded: true;
|
||||
$enable-shadows: false;
|
||||
$enable-gradients: true;
|
||||
$enable-transitions: true;
|
||||
$enable-grid-classes: true;
|
||||
$enable-print-styles: false;
|
||||
|
||||
$body-bg: #fff;
|
||||
|
||||
// Colors
|
||||
|
||||
$white: #fff;
|
||||
$gray-100: #f8f9fa;
|
||||
$gray-200: #e9ecef;
|
||||
$gray-300: #dee2e6;
|
||||
$gray-400: #ced4da;
|
||||
$gray-500: #999;
|
||||
$gray-600: #7A8288;
|
||||
$gray-700: #52575C;
|
||||
$gray-800: #3A3F44;
|
||||
$gray-900: #272B30;
|
||||
$black: #000;
|
||||
|
||||
$grays: ();
|
||||
|
||||
$grays: map-merge(
|
||||
(
|
||||
"100": $gray-100,
|
||||
"200": $gray-200,
|
||||
"300": $gray-300,
|
||||
"400": $gray-400,
|
||||
"500": $gray-500,
|
||||
"600": $gray-600,
|
||||
"700": $gray-700,
|
||||
"800": $gray-800,
|
||||
"900": $gray-900
|
||||
),
|
||||
$grays
|
||||
);
|
||||
|
||||
//--#{$color}
|
||||
$brand: $gray-800;
|
||||
$blue: #007bff;
|
||||
$indigo: #6610f2;
|
||||
$purple: #6f42c1;
|
||||
$pink: #e83e8c;
|
||||
$red: #ee5f5b;
|
||||
$orange: #fd7e14;
|
||||
$yellow: #f89406;
|
||||
$green: #62c462;
|
||||
$teal: #20c997;
|
||||
$cyan: #5bc0de;
|
||||
$blue-light: #eeeeee;
|
||||
|
||||
$primary: $brand;
|
||||
$secondary: $gray-600;
|
||||
$success: $green;
|
||||
$info: $cyan;
|
||||
$warning: $yellow;
|
||||
$danger: $red;
|
||||
$light: $blue-light;
|
||||
$dark: $gray-800;
|
||||
$focus: $indigo;
|
||||
$alt: $purple;
|
||||
|
||||
$theme-colors: ();
|
||||
|
||||
$theme-colors: map-merge(
|
||||
(
|
||||
"primary": $primary,
|
||||
"secondary": $secondary,
|
||||
"success": $success,
|
||||
"info": $info,
|
||||
"warning": $warning,
|
||||
"danger": $danger,
|
||||
"light": $light,
|
||||
"dark": $dark,
|
||||
"focus": $focus,
|
||||
"alternate": $alt
|
||||
),
|
||||
$theme-colors
|
||||
);
|
||||
|
||||
// BOOTSTRAP OVERWRITES
|
||||
|
||||
$headings-font-weight: 400;
|
||||
|
||||
$font-size-base: 0.88rem;
|
||||
$font-size-lg: ($font-size-base * 1.35);
|
||||
$font-size-sm: ($font-size-base * 1.1);
|
||||
$font-size-xs: ($font-size-base / 1.1);
|
||||
|
||||
$btn-transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s;
|
||||
$btn-focus-width: 0;
|
||||
$btn-focus-box-shadow: none;
|
||||
|
||||
$pagination-focus-box-shadow: none;
|
||||
|
||||
$body-color: $gray-700;
|
||||
|
||||
$card-cap-bg: $white;
|
||||
$card-border-color: rgba(darken($primary, 25%), .125);
|
||||
|
||||
$dropdown-min-width: 15rem;
|
||||
$dropdown-link-hover-bg: #e9ecef;
|
||||
$dropdown-item-padding-y: .4rem;
|
||||
$dropdown-padding-y: .65rem;
|
||||
|
||||
$box-shadow-default: 0 0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-right: 0.46875rem 0 2.1875rem rgba(darken($primary, 50%), .03),
|
||||
0.9375rem 0 1.40625rem rgba(darken($primary, 50%), .03),
|
||||
0.25rem 0 0.53125rem rgba(darken($primary, 50%), .05),
|
||||
0.125rem 0 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-inverse: 0 -0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 -0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 -0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 -0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-lg-default: 0 0.76875rem 2.4875rem rgba($gray-800, .3), 0 1.3375rem 1.70625rem rgba($gray-800, .3), 0 0.55rem 0.53125rem rgba(darken($gray-800, 50%), .05), 0 0.225rem 0.4375rem rgba($gray-800, .3);
|
||||
|
||||
$form-check-input-margin-y: 0.3rem;
|
||||
|
||||
$input-group-addon-bg: lighten($dropdown-link-hover-bg, 3%);
|
||||
|
||||
// Tables
|
||||
|
||||
$table-accent-bg: rgba($black, .03);
|
||||
$table-hover-bg: $dropdown-link-hover-bg;
|
||||
$table-active-bg: $table-hover-bg;
|
||||
$table-border-color: $gray-200;
|
||||
$table-head-bg: $gray-100;
|
||||
$table-head-color: $gray-600;
|
||||
$table-cell-padding: .55rem;
|
||||
$table-cell-padding-sm: .3rem;
|
||||
|
||||
// Popovers
|
||||
|
||||
$popover-max-width: 320px;
|
||||
$popover-box-shadow: $box-shadow-default;
|
||||
$popover-border-color: $card-border-color;
|
||||
$popover-header-bg: $white;
|
||||
|
||||
// Color Modifiers
|
||||
|
||||
$link-color: theme-color("primary");
|
||||
$component-active-bg: theme-color("primary");
|
||||
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5);
|
||||
$form-feedback-valid-color: theme-color("success");
|
||||
$form-feedback-invalid-color: theme-color("danger");
|
||||
$progress-bar-bg: theme-color("primary");
|
||||
$input-btn-focus-color: rgba($component-active-bg, .25);
|
||||
$input-focus-border-color: lighten($component-active-bg, 25%);
|
||||
$custom-control-indicator-checked-bg: $component-active-bg;
|
||||
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%);
|
||||
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg;
|
||||
$custom-range-thumb-bg: $component-active-bg;
|
||||
$custom-range-thumb-active-bg: lighten($component-active-bg, 35%);
|
||||
$dropdown-link-active-bg: $component-active-bg;
|
||||
$nav-pills-link-active-bg: $component-active-bg;
|
||||
$pagination-active-bg: $component-active-bg;
|
||||
$list-group-active-bg: $component-active-bg;
|
||||
|
||||
$list-group-border-color: rgba($primary, .08);
|
||||
|
||||
// Mixins
|
||||
|
||||
@mixin box-shadow-architect($shadow) {
|
||||
box-shadow: 0 0.66875rem 2.3875rem rgba($shadow, .03), 0 1.1375rem 1.60625rem rgba($shadow, .03), 0 0.45rem 0.73125rem rgba($shadow, .05), 0 0.325rem 0.3875rem rgba($shadow, .03);
|
||||
}
|
||||
|
||||
// Border
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.border-#{$color} {
|
||||
border-color: $value;
|
||||
}
|
||||
}
|
||||
|
||||
// List Group
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
|
||||
}
|
||||
|
||||
// Background
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-variant(".bg-#{$color}", $value);
|
||||
}
|
||||
|
||||
@if $enable-gradients {
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,205 @@
|
||||
// GENERIC
|
||||
|
||||
$enable-caret: true;
|
||||
$enable-rounded: true;
|
||||
$enable-shadows: false;
|
||||
$enable-gradients: false;
|
||||
$enable-transitions: true;
|
||||
$enable-grid-classes: true;
|
||||
$enable-print-styles: false;
|
||||
|
||||
$body-bg: #fff;
|
||||
|
||||
// Colors
|
||||
|
||||
$white: #fff;
|
||||
$gray-100: #f8f9fa;
|
||||
$gray-200: #e9ecef;
|
||||
$gray-300: #dee2e6;
|
||||
$gray-400: #ced4da;
|
||||
$gray-500: #adb5bd;
|
||||
$gray-600: #6c757d;
|
||||
$gray-700: #495057;
|
||||
$gray-800: #343a40;
|
||||
$gray-900: #212529;
|
||||
$black: #000;
|
||||
|
||||
$grays: ();
|
||||
|
||||
$grays: map-merge(
|
||||
(
|
||||
"100": $gray-100,
|
||||
"200": $gray-200,
|
||||
"300": $gray-300,
|
||||
"400": $gray-400,
|
||||
"500": $gray-500,
|
||||
"600": $gray-600,
|
||||
"700": $gray-700,
|
||||
"800": $gray-800,
|
||||
"900": $gray-900
|
||||
),
|
||||
$grays
|
||||
);
|
||||
|
||||
//--#{$color}
|
||||
$brand: #0094bd;
|
||||
// $brand: #545cd8;
|
||||
$blue: #86c6fb;
|
||||
$indigo: #444054;
|
||||
$purple: #83588a;
|
||||
$pink: #f65ca2;
|
||||
$red: #d92550;
|
||||
$orange: #fd7e14;
|
||||
$yellow: #f7b924;
|
||||
$green: #3ac47d;
|
||||
$teal: #16E0BD;
|
||||
$cyan: #30b1ff;
|
||||
$blue-light: #eeeeee;
|
||||
|
||||
$primary: $brand;
|
||||
$secondary: $gray-600;
|
||||
$success: $green;
|
||||
$info: $cyan;
|
||||
$warning: $yellow;
|
||||
$danger: $red;
|
||||
$light: $blue-light;
|
||||
$dark: $gray-800;
|
||||
$focus: $indigo;
|
||||
$alt: $purple;
|
||||
|
||||
$theme-colors: ();
|
||||
|
||||
$theme-colors: map-merge(
|
||||
(
|
||||
"primary": $primary,
|
||||
"secondary": $secondary,
|
||||
"success": $success,
|
||||
"info": $info,
|
||||
"warning": $warning,
|
||||
"danger": $danger,
|
||||
"light": $light,
|
||||
"dark": $dark,
|
||||
"focus": $focus,
|
||||
"alternate": $alt
|
||||
),
|
||||
$theme-colors
|
||||
);
|
||||
|
||||
// BOOTSTRAP OVERWRITES
|
||||
|
||||
$headings-font-weight: 400;
|
||||
|
||||
$font-size-base: 0.88rem;
|
||||
$font-size-lg: ($font-size-base * 1.25);
|
||||
$font-size-sm: ($font-size-base * 1.1);
|
||||
$font-size-xs: ($font-size-base / 1.1);
|
||||
|
||||
$btn-transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s;
|
||||
$btn-focus-width: 0;
|
||||
$btn-focus-box-shadow: none;
|
||||
|
||||
$pagination-focus-box-shadow: none;
|
||||
|
||||
$body-color: $gray-700;
|
||||
|
||||
$card-cap-bg: $white;
|
||||
$card-border-color: rgba(darken($primary, 25%), .125);
|
||||
|
||||
$dropdown-min-width: 15rem;
|
||||
$dropdown-link-hover-bg: #e0f3ff;
|
||||
$dropdown-item-padding-y: .4rem;
|
||||
$dropdown-padding-y: .65rem;
|
||||
|
||||
$box-shadow-default: 0 0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-right: 0.46875rem 0 2.1875rem rgba(darken($primary, 50%), .03),
|
||||
0.9375rem 0 1.40625rem rgba(darken($primary, 50%), .03),
|
||||
0.25rem 0 0.53125rem rgba(darken($primary, 50%), .05),
|
||||
0.125rem 0 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-inverse: 0 -0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 -0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 -0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 -0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-lg-default: 0 0.76875rem 2.4875rem rgba($gray-800, .3), 0 1.3375rem 1.70625rem rgba($gray-800, .3), 0 0.55rem 0.53125rem rgba(darken($gray-800, 50%), .05), 0 0.225rem 0.4375rem rgba($gray-800, .3);
|
||||
|
||||
$form-check-input-margin-y: 0.3rem;
|
||||
|
||||
$input-group-addon-bg: lighten($dropdown-link-hover-bg, 3%);
|
||||
|
||||
// Tables
|
||||
|
||||
$table-accent-bg: rgba($black, .03);
|
||||
$table-hover-bg: $dropdown-link-hover-bg;
|
||||
$table-active-bg: $table-hover-bg;
|
||||
$table-border-color: $gray-200;
|
||||
$table-head-bg: $gray-100;
|
||||
$table-head-color: $gray-600;
|
||||
$table-cell-padding: .55rem;
|
||||
$table-cell-padding-sm: .3rem;
|
||||
|
||||
// Popovers
|
||||
|
||||
$popover-max-width: 320px;
|
||||
$popover-box-shadow: $box-shadow-default;
|
||||
$popover-border-color: $card-border-color;
|
||||
$popover-header-bg: $white;
|
||||
|
||||
// Color Modifiers
|
||||
|
||||
$link-color: theme-color("primary");
|
||||
$link-hover-color: darken(theme-color("primary"), 10%);
|
||||
$component-active-bg: theme-color("primary");
|
||||
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5);
|
||||
$form-feedback-valid-color: theme-color("success");
|
||||
$form-feedback-invalid-color: theme-color("danger");
|
||||
$progress-bar-bg: theme-color("primary");
|
||||
$input-btn-focus-color: rgba($component-active-bg, .25);
|
||||
$input-focus-border-color: lighten($component-active-bg, 25%);
|
||||
$custom-control-indicator-checked-bg: $component-active-bg;
|
||||
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%);
|
||||
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg;
|
||||
$custom-range-thumb-bg: $component-active-bg;
|
||||
$custom-range-thumb-active-bg: lighten($component-active-bg, 35%);
|
||||
$dropdown-link-active-bg: $component-active-bg;
|
||||
$nav-pills-link-active-bg: $component-active-bg;
|
||||
$pagination-active-bg: $component-active-bg;
|
||||
$list-group-active-bg: $component-active-bg;
|
||||
|
||||
$list-group-border-color: rgba($primary, .08) !default;
|
||||
|
||||
// Modal
|
||||
|
||||
$modal-content-border-radius: $border-radius-sm;
|
||||
$modal-content-border-width: 0;
|
||||
$modal-backdrop-opacity: 0.3;
|
||||
|
||||
// Mixins
|
||||
|
||||
@mixin box-shadow-architect($shadow) {
|
||||
box-shadow: 0 0.66875rem 2.3875rem rgba($shadow, .03), 0 1.1375rem 1.60625rem rgba($shadow, .03), 0 0.45rem 0.73125rem rgba($shadow, .05), 0 0.325rem 0.3875rem rgba($shadow, .03);
|
||||
}
|
||||
|
||||
// Border
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.border-#{$color} {
|
||||
border-color: $value;
|
||||
}
|
||||
}
|
||||
|
||||
// List Group
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
|
||||
}
|
||||
|
||||
// Background
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-variant(".bg-#{$color}", $value);
|
||||
}
|
||||
|
||||
@if $enable-gradients {
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,197 @@
|
||||
// GENERIC
|
||||
|
||||
$enable-caret: true;
|
||||
$enable-rounded: true;
|
||||
$enable-shadows: false;
|
||||
$enable-gradients: false;
|
||||
$enable-transitions: true;
|
||||
$enable-grid-classes: true;
|
||||
$enable-print-styles: false;
|
||||
|
||||
$body-bg: #fff;
|
||||
|
||||
// Colors
|
||||
|
||||
$white: #fff;
|
||||
$gray-100: #f8f9fa;
|
||||
$gray-200: #f7f7f9;
|
||||
$gray-300: #eceeef;
|
||||
$gray-400: #ced4da;
|
||||
$gray-500: #aaa;
|
||||
$gray-600: #888;
|
||||
$gray-700: #5a5a5a;
|
||||
$gray-800: #343a40;
|
||||
$gray-900: #212529;
|
||||
$black: #000;
|
||||
|
||||
$grays: ();
|
||||
|
||||
$grays: map-merge(
|
||||
(
|
||||
"100": $gray-100,
|
||||
"200": $gray-200,
|
||||
"300": $gray-300,
|
||||
"400": $gray-400,
|
||||
"500": $gray-500,
|
||||
"600": $gray-600,
|
||||
"700": $gray-700,
|
||||
"800": $gray-800,
|
||||
"900": $gray-900
|
||||
),
|
||||
$grays
|
||||
);
|
||||
|
||||
//--#{$color}
|
||||
$brand: #69aa8a;
|
||||
$blue: #007bff;
|
||||
$indigo: #6610f2;
|
||||
$purple: #6f42c1;
|
||||
$pink: #e83e8c;
|
||||
$red: #FF7851;
|
||||
$orange: #fd7e14;
|
||||
$yellow: #FFCE67;
|
||||
$green: #56CC9D;
|
||||
$teal: #20c997;
|
||||
$cyan: #6CC3D5;
|
||||
$blue-light: #cceed6;
|
||||
|
||||
$primary: $brand;
|
||||
$secondary: #e9908c;
|
||||
$success: $green;
|
||||
$info: $cyan;
|
||||
$warning: $yellow;
|
||||
$danger: $red;
|
||||
$light: $blue-light;
|
||||
$dark: $gray-800;
|
||||
$focus: $indigo;
|
||||
$alt: $purple;
|
||||
|
||||
$theme-colors: ();
|
||||
|
||||
$theme-colors: map-merge(
|
||||
(
|
||||
"primary": $primary,
|
||||
"secondary": $secondary,
|
||||
"success": $success,
|
||||
"info": $info,
|
||||
"warning": $warning,
|
||||
"danger": $danger,
|
||||
"light": $light,
|
||||
"dark": $dark,
|
||||
"focus": $focus,
|
||||
"alternate": $alt
|
||||
),
|
||||
$theme-colors
|
||||
);
|
||||
|
||||
// BOOTSTRAP OVERWRITES
|
||||
|
||||
$headings-font-weight: 400;
|
||||
|
||||
$font-size-base: 0.88rem;
|
||||
$font-size-lg: ($font-size-base * 1.35);
|
||||
$font-size-sm: ($font-size-base * 1.1);
|
||||
$font-size-xs: ($font-size-base / 1.1);
|
||||
|
||||
$btn-transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s;
|
||||
$btn-focus-width: 0;
|
||||
$btn-focus-box-shadow: none;
|
||||
|
||||
$pagination-focus-box-shadow: none;
|
||||
|
||||
$body-color: $gray-700;
|
||||
|
||||
$card-cap-bg: $white;
|
||||
$card-border-color: rgba(darken($primary, 25%), .125);
|
||||
|
||||
$dropdown-min-width: 15rem;
|
||||
$dropdown-link-hover-bg: #eafff4;
|
||||
$dropdown-item-padding-y: .4rem;
|
||||
$dropdown-padding-y: .65rem;
|
||||
|
||||
$box-shadow-default: 0 0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-right: 0.46875rem 0 2.1875rem rgba(darken($primary, 50%), .03),
|
||||
0.9375rem 0 1.40625rem rgba(darken($primary, 50%), .03),
|
||||
0.25rem 0 0.53125rem rgba(darken($primary, 50%), .05),
|
||||
0.125rem 0 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-inverse: 0 -0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 -0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 -0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 -0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-lg-default: 0 0.76875rem 2.4875rem rgba($gray-800, .3), 0 1.3375rem 1.70625rem rgba($gray-800, .3), 0 0.55rem 0.53125rem rgba(darken($gray-800, 50%), .05), 0 0.225rem 0.4375rem rgba($gray-800, .3);
|
||||
|
||||
$form-check-input-margin-y: 0.3rem;
|
||||
|
||||
$input-group-addon-bg: lighten($dropdown-link-hover-bg, 3%);
|
||||
|
||||
// Tables
|
||||
|
||||
$table-accent-bg: rgba($black, .03);
|
||||
$table-hover-bg: $dropdown-link-hover-bg;
|
||||
$table-active-bg: $table-hover-bg;
|
||||
$table-border-color: $gray-200;
|
||||
$table-head-bg: $gray-100;
|
||||
$table-head-color: $gray-600;
|
||||
$table-cell-padding: .55rem;
|
||||
$table-cell-padding-sm: .3rem;
|
||||
|
||||
// Popovers
|
||||
|
||||
$popover-max-width: 320px;
|
||||
$popover-box-shadow: $box-shadow-default;
|
||||
$popover-border-color: $card-border-color;
|
||||
$popover-header-bg: $white;
|
||||
|
||||
// Color Modifiers
|
||||
|
||||
$link-color: theme-color("primary");
|
||||
$component-active-bg: theme-color("primary");
|
||||
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5);
|
||||
$form-feedback-valid-color: theme-color("success");
|
||||
$form-feedback-invalid-color: theme-color("danger");
|
||||
$progress-bar-bg: theme-color("primary");
|
||||
$input-btn-focus-color: rgba($component-active-bg, .25);
|
||||
$input-focus-border-color: lighten($component-active-bg, 25%);
|
||||
$custom-control-indicator-checked-bg: $component-active-bg;
|
||||
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%);
|
||||
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg;
|
||||
$custom-range-thumb-bg: $component-active-bg;
|
||||
$custom-range-thumb-active-bg: lighten($component-active-bg, 35%);
|
||||
$dropdown-link-active-bg: $component-active-bg;
|
||||
$nav-pills-link-active-bg: $component-active-bg;
|
||||
$pagination-active-bg: $component-active-bg;
|
||||
$list-group-active-bg: $component-active-bg;
|
||||
|
||||
$list-group-border-color: rgba($primary, .08);
|
||||
|
||||
// Mixins
|
||||
|
||||
@mixin box-shadow-architect($shadow) {
|
||||
box-shadow: 0 0.66875rem 2.3875rem rgba($shadow, .03), 0 1.1375rem 1.60625rem rgba($shadow, .03), 0 0.45rem 0.73125rem rgba($shadow, .05), 0 0.325rem 0.3875rem rgba($shadow, .03);
|
||||
}
|
||||
|
||||
// Border
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.border-#{$color} {
|
||||
border-color: $value;
|
||||
}
|
||||
}
|
||||
|
||||
// List Group
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
|
||||
}
|
||||
|
||||
// Background
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-variant(".bg-#{$color}", $value);
|
||||
}
|
||||
|
||||
@if $enable-gradients {
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,197 @@
|
||||
// GENERIC
|
||||
|
||||
$enable-caret: true;
|
||||
$enable-rounded: true;
|
||||
$enable-shadows: false;
|
||||
$enable-gradients: false;
|
||||
$enable-transitions: true;
|
||||
$enable-grid-classes: true;
|
||||
$enable-print-styles: false;
|
||||
|
||||
$body-bg: #fff;
|
||||
|
||||
// Colors
|
||||
|
||||
$white: #fff;
|
||||
$gray-100: #EBEBEB;
|
||||
$gray-200: #e6eaee;
|
||||
$gray-300: #dee2e6;
|
||||
$gray-400: #ced4da;
|
||||
$gray-500: #adb5bd;
|
||||
$gray-600: #868e96;
|
||||
$gray-700: #495057;
|
||||
$gray-800: #343a40;
|
||||
$gray-900: #212529;
|
||||
$black: #000;
|
||||
|
||||
$grays: ();
|
||||
|
||||
$grays: map-merge(
|
||||
(
|
||||
"100": $gray-100,
|
||||
"200": $gray-200,
|
||||
"300": $gray-300,
|
||||
"400": $gray-400,
|
||||
"500": $gray-500,
|
||||
"600": $gray-600,
|
||||
"700": $gray-700,
|
||||
"800": $gray-800,
|
||||
"900": $gray-900
|
||||
),
|
||||
$grays
|
||||
);
|
||||
|
||||
//--#{$color}
|
||||
$brand: #DF691A;
|
||||
$blue: #DF691A;
|
||||
$indigo: #6610f2;
|
||||
$purple: #6f42c1;
|
||||
$pink: #e83e8c;
|
||||
$red: #d9534f;
|
||||
$orange: #f0ad4e;
|
||||
$yellow: #f0ad4e;
|
||||
$green: #5cb85c;
|
||||
$teal: #20c997;
|
||||
$cyan: #5bc0de;
|
||||
$blue-light: $gray-300;
|
||||
|
||||
$primary: $brand;
|
||||
$secondary: $gray-500;
|
||||
$success: $green;
|
||||
$info: $cyan;
|
||||
$warning: $yellow;
|
||||
$danger: $red;
|
||||
$light: $blue-light;
|
||||
$dark: $gray-800;
|
||||
$focus: $indigo;
|
||||
$alt: $purple;
|
||||
|
||||
$theme-colors: ();
|
||||
|
||||
$theme-colors: map-merge(
|
||||
(
|
||||
"primary": $primary,
|
||||
"secondary": $secondary,
|
||||
"success": $success,
|
||||
"info": $info,
|
||||
"warning": $warning,
|
||||
"danger": $danger,
|
||||
"light": $light,
|
||||
"dark": $dark,
|
||||
"focus": $focus,
|
||||
"alternate": $alt
|
||||
),
|
||||
$theme-colors
|
||||
);
|
||||
|
||||
// BOOTSTRAP OVERWRITES
|
||||
|
||||
$headings-font-weight: 400;
|
||||
|
||||
$font-size-base: 0.88rem;
|
||||
$font-size-lg: ($font-size-base * 1.35);
|
||||
$font-size-sm: ($font-size-base * 1.1);
|
||||
$font-size-xs: ($font-size-base / 1.1);
|
||||
|
||||
$btn-transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s;
|
||||
$btn-focus-width: 0;
|
||||
$btn-focus-box-shadow: none;
|
||||
|
||||
$pagination-focus-box-shadow: none;
|
||||
|
||||
$body-color: $gray-700;
|
||||
|
||||
$card-cap-bg: $white;
|
||||
$card-border-color: rgba(darken($primary, 25%), .125);
|
||||
|
||||
$dropdown-min-width: 15rem;
|
||||
$dropdown-link-hover-bg: #fff5e1;
|
||||
$dropdown-item-padding-y: .4rem;
|
||||
$dropdown-padding-y: .65rem;
|
||||
|
||||
$box-shadow-default: 0 0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-right: 0.46875rem 0 2.1875rem rgba(darken($primary, 50%), .03),
|
||||
0.9375rem 0 1.40625rem rgba(darken($primary, 50%), .03),
|
||||
0.25rem 0 0.53125rem rgba(darken($primary, 50%), .05),
|
||||
0.125rem 0 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-inverse: 0 -0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 -0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 -0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 -0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-lg-default: 0 0.76875rem 2.4875rem rgba($gray-800, .3), 0 1.3375rem 1.70625rem rgba($gray-800, .3), 0 0.55rem 0.53125rem rgba(darken($gray-800, 50%), .05), 0 0.225rem 0.4375rem rgba($gray-800, .3);
|
||||
|
||||
$form-check-input-margin-y: 0.3rem;
|
||||
|
||||
$input-group-addon-bg: lighten($dropdown-link-hover-bg, 3%);
|
||||
|
||||
// Tables
|
||||
|
||||
$table-accent-bg: rgba($black, .03);
|
||||
$table-hover-bg: $dropdown-link-hover-bg;
|
||||
$table-active-bg: $table-hover-bg;
|
||||
$table-border-color: $gray-200;
|
||||
$table-head-bg: $gray-100;
|
||||
$table-head-color: $gray-600;
|
||||
$table-cell-padding: .55rem;
|
||||
$table-cell-padding-sm: .3rem;
|
||||
|
||||
// Popovers
|
||||
|
||||
$popover-max-width: 320px;
|
||||
$popover-box-shadow: $box-shadow-default;
|
||||
$popover-border-color: $card-border-color;
|
||||
$popover-header-bg: $white;
|
||||
|
||||
// Color Modifiers
|
||||
|
||||
$link-color: theme-color("primary");
|
||||
$component-active-bg: theme-color("primary");
|
||||
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5);
|
||||
$form-feedback-valid-color: theme-color("success");
|
||||
$form-feedback-invalid-color: theme-color("danger");
|
||||
$progress-bar-bg: theme-color("primary");
|
||||
$input-btn-focus-color: rgba($component-active-bg, .25);
|
||||
$input-focus-border-color: lighten($component-active-bg, 25%);
|
||||
$custom-control-indicator-checked-bg: $component-active-bg;
|
||||
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%);
|
||||
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg;
|
||||
$custom-range-thumb-bg: $component-active-bg;
|
||||
$custom-range-thumb-active-bg: lighten($component-active-bg, 35%);
|
||||
$dropdown-link-active-bg: $component-active-bg;
|
||||
$nav-pills-link-active-bg: $component-active-bg;
|
||||
$pagination-active-bg: $component-active-bg;
|
||||
$list-group-active-bg: $component-active-bg;
|
||||
|
||||
$list-group-border-color: rgba($primary, .08);
|
||||
|
||||
// Mixins
|
||||
|
||||
@mixin box-shadow-architect($shadow) {
|
||||
box-shadow: 0 0.66875rem 2.3875rem rgba($shadow, .03), 0 1.1375rem 1.60625rem rgba($shadow, .03), 0 0.45rem 0.73125rem rgba($shadow, .05), 0 0.325rem 0.3875rem rgba($shadow, .03);
|
||||
}
|
||||
|
||||
// Border
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.border-#{$color} {
|
||||
border-color: $value;
|
||||
}
|
||||
}
|
||||
|
||||
// List Group
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
|
||||
}
|
||||
|
||||
// Background
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-variant(".bg-#{$color}", $value);
|
||||
}
|
||||
|
||||
@if $enable-gradients {
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,197 @@
|
||||
// GENERIC
|
||||
|
||||
$enable-caret: true;
|
||||
$enable-rounded: true;
|
||||
$enable-shadows: false;
|
||||
$enable-gradients: true;
|
||||
$enable-transitions: true;
|
||||
$enable-grid-classes: true;
|
||||
$enable-print-styles: false;
|
||||
|
||||
$body-bg: #fff;
|
||||
|
||||
// Colors
|
||||
|
||||
$white: #fff;
|
||||
$gray-100: #f8f9fa;
|
||||
$gray-200: #e9ecef;
|
||||
$gray-300: #dee2e6;
|
||||
$gray-400: #ced4da;
|
||||
$gray-500: #AEA79F;
|
||||
$gray-600: #868e96;
|
||||
$gray-700: #495057;
|
||||
$gray-800: #333;
|
||||
$gray-900: #212529;
|
||||
$black: #000;
|
||||
|
||||
$grays: ();
|
||||
|
||||
$grays: map-merge(
|
||||
(
|
||||
"100": $gray-100,
|
||||
"200": $gray-200,
|
||||
"300": $gray-300,
|
||||
"400": $gray-400,
|
||||
"500": $gray-500,
|
||||
"600": $gray-600,
|
||||
"700": $gray-700,
|
||||
"800": $gray-800,
|
||||
"900": $gray-900
|
||||
),
|
||||
$grays
|
||||
);
|
||||
|
||||
//--#{$color}
|
||||
$brand: #9e59d8;
|
||||
$blue: #007bff;
|
||||
$indigo: #8f5ef8;
|
||||
$purple: #772953;
|
||||
$pink: #e83e8c;
|
||||
$red: #DF382C;
|
||||
$orange: #E95420;
|
||||
$yellow: #EFB73E;
|
||||
$green: #38B44A;
|
||||
$teal: #20c997;
|
||||
$cyan: #17a2b8;
|
||||
$blue-light: #e8d5ee;
|
||||
|
||||
$primary: $brand;
|
||||
$secondary: $gray-600;
|
||||
$success: $green;
|
||||
$info: $cyan;
|
||||
$warning: $yellow;
|
||||
$danger: $red;
|
||||
$light: $blue-light;
|
||||
$dark: $gray-800;
|
||||
$focus: $indigo;
|
||||
$alt: $purple;
|
||||
|
||||
$theme-colors: ();
|
||||
|
||||
$theme-colors: map-merge(
|
||||
(
|
||||
"primary": $primary,
|
||||
"secondary": $secondary,
|
||||
"success": $success,
|
||||
"info": $info,
|
||||
"warning": $warning,
|
||||
"danger": $danger,
|
||||
"light": $light,
|
||||
"dark": $dark,
|
||||
"focus": $focus,
|
||||
"alternate": $alt
|
||||
),
|
||||
$theme-colors
|
||||
);
|
||||
|
||||
// BOOTSTRAP OVERWRITES
|
||||
|
||||
$headings-font-weight: 400;
|
||||
|
||||
$font-size-base: 0.88rem;
|
||||
$font-size-lg: ($font-size-base * 1.35);
|
||||
$font-size-sm: ($font-size-base * 1.1);
|
||||
$font-size-xs: ($font-size-base / 1.1);
|
||||
|
||||
$btn-transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s;
|
||||
$btn-focus-width: 0;
|
||||
$btn-focus-box-shadow: none;
|
||||
|
||||
$pagination-focus-box-shadow: none;
|
||||
|
||||
$body-color: $gray-700;
|
||||
|
||||
$card-cap-bg: $white;
|
||||
$card-border-color: rgba(darken($primary, 25%), .125);
|
||||
|
||||
$dropdown-min-width: 15rem;
|
||||
$dropdown-link-hover-bg: #f0deff;
|
||||
$dropdown-item-padding-y: .4rem;
|
||||
$dropdown-padding-y: .65rem;
|
||||
|
||||
$box-shadow-default: 0 0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-right: 0.46875rem 0 2.1875rem rgba(darken($primary, 50%), .03),
|
||||
0.9375rem 0 1.40625rem rgba(darken($primary, 50%), .03),
|
||||
0.25rem 0 0.53125rem rgba(darken($primary, 50%), .05),
|
||||
0.125rem 0 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-inverse: 0 -0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 -0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 -0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 -0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-lg-default: 0 0.76875rem 2.4875rem rgba($gray-800, .3), 0 1.3375rem 1.70625rem rgba($gray-800, .3), 0 0.55rem 0.53125rem rgba(darken($gray-800, 50%), .05), 0 0.225rem 0.4375rem rgba($gray-800, .3);
|
||||
|
||||
$form-check-input-margin-y: 0.3rem;
|
||||
|
||||
$input-group-addon-bg: lighten($dropdown-link-hover-bg, 3%);
|
||||
|
||||
// Tables
|
||||
|
||||
$table-accent-bg: rgba($black, .03);
|
||||
$table-hover-bg: $dropdown-link-hover-bg;
|
||||
$table-active-bg: $table-hover-bg;
|
||||
$table-border-color: $gray-200;
|
||||
$table-head-bg: $gray-100;
|
||||
$table-head-color: $gray-600;
|
||||
$table-cell-padding: .55rem;
|
||||
$table-cell-padding-sm: .3rem;
|
||||
|
||||
// Popovers
|
||||
|
||||
$popover-max-width: 320px;
|
||||
$popover-box-shadow: $box-shadow-default;
|
||||
$popover-border-color: $card-border-color;
|
||||
$popover-header-bg: $white;
|
||||
|
||||
// Color Modifiers
|
||||
|
||||
$link-color: theme-color("primary");
|
||||
$component-active-bg: theme-color("primary");
|
||||
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5);
|
||||
$form-feedback-valid-color: theme-color("success");
|
||||
$form-feedback-invalid-color: theme-color("danger");
|
||||
$progress-bar-bg: theme-color("primary");
|
||||
$input-btn-focus-color: rgba($component-active-bg, .25);
|
||||
$input-focus-border-color: lighten($component-active-bg, 25%);
|
||||
$custom-control-indicator-checked-bg: $component-active-bg;
|
||||
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%);
|
||||
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg;
|
||||
$custom-range-thumb-bg: $component-active-bg;
|
||||
$custom-range-thumb-active-bg: lighten($component-active-bg, 35%);
|
||||
$dropdown-link-active-bg: $component-active-bg;
|
||||
$nav-pills-link-active-bg: $component-active-bg;
|
||||
$pagination-active-bg: $component-active-bg;
|
||||
$list-group-active-bg: $component-active-bg;
|
||||
|
||||
$list-group-border-color: rgba($primary, .08);
|
||||
|
||||
// Mixins
|
||||
|
||||
@mixin box-shadow-architect($shadow) {
|
||||
box-shadow: 0 0.66875rem 2.3875rem rgba($shadow, .03), 0 1.1375rem 1.60625rem rgba($shadow, .03), 0 0.45rem 0.73125rem rgba($shadow, .05), 0 0.325rem 0.3875rem rgba($shadow, .03);
|
||||
}
|
||||
|
||||
// Border
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.border-#{$color} {
|
||||
border-color: $value;
|
||||
}
|
||||
}
|
||||
|
||||
// List Group
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
|
||||
}
|
||||
|
||||
// Background
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-variant(".bg-#{$color}", $value);
|
||||
}
|
||||
|
||||
@if $enable-gradients {
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,197 @@
|
||||
// GENERIC
|
||||
|
||||
$enable-caret: true;
|
||||
$enable-rounded: true;
|
||||
$enable-shadows: false;
|
||||
$enable-gradients: false;
|
||||
$enable-transitions: true;
|
||||
$enable-grid-classes: true;
|
||||
$enable-print-styles: false;
|
||||
|
||||
$body-bg: #fff;
|
||||
|
||||
// Colors
|
||||
|
||||
$white: #fff !default;
|
||||
$gray-100: #fafafa !default;
|
||||
$gray-200: #F9F8FC !default;
|
||||
$gray-300: #EDEDED !default;
|
||||
$gray-400: #cbc8d0 !default;
|
||||
$gray-500: #adb5bd !default;
|
||||
$gray-600: #868e96 !default;
|
||||
$gray-700: #444 !default;
|
||||
$gray-800: #343a40 !default;
|
||||
$gray-900: #17141F !default;
|
||||
$black: #000 !default;
|
||||
|
||||
$grays: ();
|
||||
|
||||
$grays: map-merge(
|
||||
(
|
||||
"100": $gray-100,
|
||||
"200": $gray-200,
|
||||
"300": $gray-300,
|
||||
"400": $gray-400,
|
||||
"500": $gray-500,
|
||||
"600": $gray-600,
|
||||
"700": $gray-700,
|
||||
"800": $gray-800,
|
||||
"900": $gray-900
|
||||
),
|
||||
$grays
|
||||
);
|
||||
|
||||
//--#{$color}
|
||||
$brand: #593196;
|
||||
$blue: #007bff !default;
|
||||
$indigo: #8c3cf2 !default;
|
||||
$purple: #593196 !default;
|
||||
$pink: #e83e8c !default;
|
||||
$red: #FC3939 !default;
|
||||
$orange: #fd7e14 !default;
|
||||
$yellow: #EFA31D !default;
|
||||
$green: #13B955 !default;
|
||||
$teal: #20c997 !default;
|
||||
$cyan: #009CDC !default;
|
||||
$blue-light: $gray-300;
|
||||
|
||||
$primary: $brand;
|
||||
$secondary: #d1bcf6;
|
||||
$success: $green;
|
||||
$info: $cyan;
|
||||
$warning: $yellow;
|
||||
$danger: $red;
|
||||
$light: $blue-light;
|
||||
$dark: $gray-900;
|
||||
$focus: $indigo;
|
||||
$alt: $purple;
|
||||
|
||||
$theme-colors: ();
|
||||
|
||||
$theme-colors: map-merge(
|
||||
(
|
||||
"primary": $primary,
|
||||
"secondary": $secondary,
|
||||
"success": $success,
|
||||
"info": $info,
|
||||
"warning": $warning,
|
||||
"danger": $danger,
|
||||
"light": $light,
|
||||
"dark": $dark,
|
||||
"focus": $focus,
|
||||
"alternate": $alt
|
||||
),
|
||||
$theme-colors
|
||||
);
|
||||
|
||||
// BOOTSTRAP OVERWRITES
|
||||
|
||||
$headings-font-weight: 400;
|
||||
|
||||
$font-size-base: 0.88rem;
|
||||
$font-size-lg: ($font-size-base * 1.35);
|
||||
$font-size-sm: ($font-size-base * 1.1);
|
||||
$font-size-xs: ($font-size-base / 1.1);
|
||||
|
||||
$btn-transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s;
|
||||
$btn-focus-width: 0;
|
||||
$btn-focus-box-shadow: none;
|
||||
|
||||
$pagination-focus-box-shadow: none;
|
||||
|
||||
$body-color: $gray-700;
|
||||
|
||||
$card-cap-bg: $white;
|
||||
$card-border-color: rgba(darken($primary, 25%), .125);
|
||||
|
||||
$dropdown-min-width: 15rem;
|
||||
$dropdown-link-hover-bg: #dbd8ee;
|
||||
$dropdown-item-padding-y: .4rem;
|
||||
$dropdown-padding-y: .65rem;
|
||||
|
||||
$box-shadow-default: 0 0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-right: 0.46875rem 0 2.1875rem rgba(darken($primary, 50%), .03),
|
||||
0.9375rem 0 1.40625rem rgba(darken($primary, 50%), .03),
|
||||
0.25rem 0 0.53125rem rgba(darken($primary, 50%), .05),
|
||||
0.125rem 0 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-inverse: 0 -0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 -0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 -0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 -0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-lg-default: 0 0.76875rem 2.4875rem rgba($gray-800, .3), 0 1.3375rem 1.70625rem rgba($gray-800, .3), 0 0.55rem 0.53125rem rgba(darken($gray-800, 50%), .05), 0 0.225rem 0.4375rem rgba($gray-800, .3);
|
||||
|
||||
$form-check-input-margin-y: 0.3rem;
|
||||
|
||||
$input-group-addon-bg: lighten($dropdown-link-hover-bg, 3%);
|
||||
|
||||
// Tables
|
||||
|
||||
$table-accent-bg: rgba($black, .03);
|
||||
$table-hover-bg: $dropdown-link-hover-bg;
|
||||
$table-active-bg: $table-hover-bg;
|
||||
$table-border-color: $gray-200;
|
||||
$table-head-bg: $gray-100;
|
||||
$table-head-color: $gray-600;
|
||||
$table-cell-padding: .55rem;
|
||||
$table-cell-padding-sm: .3rem;
|
||||
|
||||
// Popovers
|
||||
|
||||
$popover-max-width: 320px;
|
||||
$popover-box-shadow: $box-shadow-default;
|
||||
$popover-border-color: $card-border-color;
|
||||
$popover-header-bg: $white;
|
||||
|
||||
// Color Modifiers
|
||||
|
||||
$link-color: theme-color("primary");
|
||||
$component-active-bg: theme-color("primary");
|
||||
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5);
|
||||
$form-feedback-valid-color: theme-color("success");
|
||||
$form-feedback-invalid-color: theme-color("danger");
|
||||
$progress-bar-bg: theme-color("primary");
|
||||
$input-btn-focus-color: rgba($component-active-bg, .25);
|
||||
$input-focus-border-color: lighten($component-active-bg, 25%);
|
||||
$custom-control-indicator-checked-bg: $component-active-bg;
|
||||
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%);
|
||||
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg;
|
||||
$custom-range-thumb-bg: $component-active-bg;
|
||||
$custom-range-thumb-active-bg: lighten($component-active-bg, 35%);
|
||||
$dropdown-link-active-bg: $component-active-bg;
|
||||
$nav-pills-link-active-bg: $component-active-bg;
|
||||
$pagination-active-bg: $component-active-bg;
|
||||
$list-group-active-bg: $component-active-bg;
|
||||
|
||||
$list-group-border-color: rgba($primary, .08) !default;
|
||||
|
||||
// Mixins
|
||||
|
||||
@mixin box-shadow-architect($shadow) {
|
||||
box-shadow: 0 0.66875rem 2.3875rem rgba($shadow, .03), 0 1.1375rem 1.60625rem rgba($shadow, .03), 0 0.45rem 0.73125rem rgba($shadow, .05), 0 0.325rem 0.3875rem rgba($shadow, .03);
|
||||
}
|
||||
|
||||
// Border
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.border-#{$color} {
|
||||
border-color: $value;
|
||||
}
|
||||
}
|
||||
|
||||
// List Group
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
|
||||
}
|
||||
|
||||
// Background
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-variant(".bg-#{$color}", $value);
|
||||
}
|
||||
|
||||
@if $enable-gradients {
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,197 @@
|
||||
// GENERIC
|
||||
|
||||
$enable-caret: true;
|
||||
$enable-rounded: true;
|
||||
$enable-shadows: false;
|
||||
$enable-gradients: false;
|
||||
$enable-transitions: true;
|
||||
$enable-grid-classes: true;
|
||||
$enable-print-styles: false;
|
||||
|
||||
$body-bg: #fff;
|
||||
|
||||
// Colors
|
||||
|
||||
$white: #fff;
|
||||
$gray-100: #f8f9fa;
|
||||
$gray-200: #ddd;
|
||||
$gray-300: #ccc;
|
||||
$gray-400: #bbb;
|
||||
$gray-500: #adb5bd;
|
||||
$gray-600: #777;
|
||||
$gray-700: #444;
|
||||
$gray-800: #373a3c;
|
||||
$gray-900: #212529;
|
||||
$black: #000;
|
||||
|
||||
$grays: ();
|
||||
|
||||
$grays: map-merge(
|
||||
(
|
||||
"100": $gray-100,
|
||||
"200": $gray-200,
|
||||
"300": $gray-300,
|
||||
"400": $gray-400,
|
||||
"500": $gray-500,
|
||||
"600": $gray-600,
|
||||
"700": $gray-700,
|
||||
"800": $gray-800,
|
||||
"900": $gray-900
|
||||
),
|
||||
$grays
|
||||
);
|
||||
|
||||
//--#{$color}
|
||||
$brand: #D9230F;
|
||||
$blue: #007bff;
|
||||
$indigo: #6610f2;
|
||||
$purple: #9B479F;
|
||||
$pink: #e83e8c;
|
||||
$red: #D9230F;
|
||||
$orange: #D9831F;
|
||||
$yellow: #ffc107;
|
||||
$green: #469408;
|
||||
$teal: #20c997;
|
||||
$cyan: #029ACF;
|
||||
$blue-light: #dedede;
|
||||
|
||||
$primary: $brand;
|
||||
$secondary: $gray-600;
|
||||
$success: $green;
|
||||
$info: $cyan;
|
||||
$warning: $yellow;
|
||||
$danger: $red;
|
||||
$light: $blue-light;
|
||||
$dark: $gray-800;
|
||||
$focus: $indigo;
|
||||
$alt: $purple;
|
||||
|
||||
$theme-colors: ();
|
||||
|
||||
$theme-colors: map-merge(
|
||||
(
|
||||
"primary": $primary,
|
||||
"secondary": $secondary,
|
||||
"success": $success,
|
||||
"info": $info,
|
||||
"warning": $warning,
|
||||
"danger": $danger,
|
||||
"light": $light,
|
||||
"dark": $dark,
|
||||
"focus": $focus,
|
||||
"alternate": $alt
|
||||
),
|
||||
$theme-colors
|
||||
);
|
||||
|
||||
// BOOTSTRAP OVERWRITES
|
||||
|
||||
$headings-font-weight: 400;
|
||||
|
||||
$font-size-base: 0.88rem;
|
||||
$font-size-lg: ($font-size-base * 1.35);
|
||||
$font-size-sm: ($font-size-base * 1.1);
|
||||
$font-size-xs: ($font-size-base / 1.1);
|
||||
|
||||
$btn-transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s;
|
||||
$btn-focus-width: 0;
|
||||
$btn-focus-box-shadow: none;
|
||||
|
||||
$pagination-focus-box-shadow: none;
|
||||
|
||||
$body-color: $gray-700;
|
||||
|
||||
$card-cap-bg: $white;
|
||||
$card-border-color: rgba(darken($primary, 25%), .125);
|
||||
|
||||
$dropdown-min-width: 15rem;
|
||||
$dropdown-link-hover-bg: #ffe6e8;
|
||||
$dropdown-item-padding-y: .4rem;
|
||||
$dropdown-padding-y: .65rem;
|
||||
|
||||
$box-shadow-default: 0 0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-right: 0.46875rem 0 2.1875rem rgba(darken($primary, 50%), .03),
|
||||
0.9375rem 0 1.40625rem rgba(darken($primary, 50%), .03),
|
||||
0.25rem 0 0.53125rem rgba(darken($primary, 50%), .05),
|
||||
0.125rem 0 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-default-inverse: 0 -0.46875rem 2.1875rem rgba(darken($primary, 50%), .03), 0 -0.9375rem 1.40625rem rgba(darken($primary, 50%), .03), 0 -0.25rem 0.53125rem rgba(darken($primary, 50%), .05), 0 -0.125rem 0.1875rem rgba(darken($primary, 50%), .03);
|
||||
|
||||
$box-shadow-lg-default: 0 0.76875rem 2.4875rem rgba($gray-800, .3), 0 1.3375rem 1.70625rem rgba($gray-800, .3), 0 0.55rem 0.53125rem rgba(darken($gray-800, 50%), .05), 0 0.225rem 0.4375rem rgba($gray-800, .3);
|
||||
|
||||
$form-check-input-margin-y: 0.3rem;
|
||||
|
||||
$input-group-addon-bg: lighten($dropdown-link-hover-bg, 3%);
|
||||
|
||||
// Tables
|
||||
|
||||
$table-accent-bg: rgba($black, .03);
|
||||
$table-hover-bg: $dropdown-link-hover-bg;
|
||||
$table-active-bg: $table-hover-bg;
|
||||
$table-border-color: $gray-200;
|
||||
$table-head-bg: $gray-100;
|
||||
$table-head-color: $gray-600;
|
||||
$table-cell-padding: .55rem;
|
||||
$table-cell-padding-sm: .3rem;
|
||||
|
||||
// Popovers
|
||||
|
||||
$popover-max-width: 320px;
|
||||
$popover-box-shadow: $box-shadow-default;
|
||||
$popover-border-color: $card-border-color;
|
||||
$popover-header-bg: $white;
|
||||
|
||||
// Color Modifiers
|
||||
|
||||
$link-color: theme-color("primary");
|
||||
$component-active-bg: theme-color("primary");
|
||||
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5);
|
||||
$form-feedback-valid-color: theme-color("success");
|
||||
$form-feedback-invalid-color: theme-color("danger");
|
||||
$progress-bar-bg: theme-color("primary");
|
||||
$input-btn-focus-color: rgba($component-active-bg, .25);
|
||||
$input-focus-border-color: lighten($component-active-bg, 25%);
|
||||
$custom-control-indicator-checked-bg: $component-active-bg;
|
||||
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%);
|
||||
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg;
|
||||
$custom-range-thumb-bg: $component-active-bg;
|
||||
$custom-range-thumb-active-bg: lighten($component-active-bg, 35%);
|
||||
$dropdown-link-active-bg: $component-active-bg;
|
||||
$nav-pills-link-active-bg: $component-active-bg;
|
||||
$pagination-active-bg: $component-active-bg;
|
||||
$list-group-active-bg: $component-active-bg;
|
||||
|
||||
$list-group-border-color: rgba($primary, .08);
|
||||
|
||||
// Mixins
|
||||
|
||||
@mixin box-shadow-architect($shadow) {
|
||||
box-shadow: 0 0.66875rem 2.3875rem rgba($shadow, .03), 0 1.1375rem 1.60625rem rgba($shadow, .03), 0 0.45rem 0.73125rem rgba($shadow, .05), 0 0.325rem 0.3875rem rgba($shadow, .03);
|
||||
}
|
||||
|
||||
// Border
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.border-#{$color} {
|
||||
border-color: $value;
|
||||
}
|
||||
}
|
||||
|
||||
// List Group
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
|
||||
}
|
||||
|
||||
// Background
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-variant(".bg-#{$color}", $value);
|
||||
}
|
||||
|
||||
@if $enable-gradients {
|
||||
@each $color, $value in $theme-colors {
|
||||
@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user