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.
61 lines
1.4 KiB
SCSS
61 lines
1.4 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;
|
|
|
|
|
|
// 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
|