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

// 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