You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
2.5 KiB
SCSS
106 lines
2.5 KiB
SCSS
|
|
// Color system
|
|
|
|
$white: #fff;
|
|
$gray-100: #f6f9fc;
|
|
$gray-200: #e9ecef;
|
|
$gray-300: #dee2e6;
|
|
$gray-400: #ced4da;
|
|
$gray-500: #adb5bd;
|
|
$gray-600: #8898aa; // Line footer color
|
|
$gray-700: #525f7f; // Line p color
|
|
$gray-800: #32325d; // Line heading color
|
|
$gray-900: #212529;
|
|
$black: #000;
|
|
|
|
$blue: #5e72e4;
|
|
$indigo: #5603ad;
|
|
$purple: #8965e0;
|
|
$pink: #f3a4b5;
|
|
$red: #f5365c;
|
|
$orange: #fb6340;
|
|
$yellow: #ffd600;
|
|
$green: #2dce89;
|
|
$teal: #11cdef;
|
|
$cyan: #2bffc6;
|
|
|
|
|
|
$default: #172b4d ;
|
|
$primary: #5e72e4 ;
|
|
$secondary: #f4f5f7 ;
|
|
$success: $green ;
|
|
$info: $teal ;
|
|
$warning: $orange ;
|
|
$danger: $red ;
|
|
$light: $gray-500 ;
|
|
$dark: $gray-900 ;
|
|
$darker: darken($gray-900, 15%) ;
|
|
|
|
|
|
$theme-colors: (
|
|
"default": $default,
|
|
|
|
) ;
|
|
|
|
|
|
// Options
|
|
|
|
$enable-shadows: true; /// Adjust
|
|
|
|
|
|
// Components
|
|
|
|
$border-radius: .25rem; /// Adjust
|
|
$border-radius-xl: .35rem; /// New
|
|
$border-radius-lg: .3rem; /// Adjust
|
|
$border-radius-sm: .2rem; /// Adjust
|
|
|
|
$box-shadow: 0 .5rem 1rem rgba($black, .15);
|
|
$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);
|
|
$box-shadow-lg: 0 1rem 3rem rgba($black, .175);
|
|
|
|
$transition-base: all .15s ease; /// Adjust
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Buttons
|
|
|
|
$btn-text-transform: none; /// New
|
|
$btn-letter-spacing: .025em; /// New
|
|
$btn-hover-box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
|
|
$btn-focus-box-shadow: $btn-hover-box-shadow;
|
|
|
|
|
|
/// Cards
|
|
|
|
$card-spacer-y: 1.25rem; /// Adjust
|
|
$card-spacer-x: 1.5rem; /// Adjust
|
|
$card-box-shadow: $box-shadow; /// New
|
|
|
|
|
|
// Pagination
|
|
|
|
$btn-hover-box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
|
|
$pagination-active-box-shadow: $btn-hover-box-shadow ;
|
|
|
|
|
|
// Form
|
|
$input-focus-placeholder-color: $gray-500 ;
|
|
$input-muted-bg: #EDF0F5 ;
|
|
$input-alternative-box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
|
|
$input-focus-alternative-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
|
|
$form-feedback-valid-bg: lighten($success, 15%);
|
|
$form-feedback-valid-color: theme-color("success") ;
|
|
$form-feedback-invalid-bg: lighten($warning, 15%);
|
|
$form-feedback-invalid-color: theme-color("warning") ;
|
|
|
|
|
|
// font-family
|
|
|
|
// $headings-font-family: DFKai-sb;
|
|
// $font-family-base:DFKai-sb;
|