47 lines
1.2 KiB
SCSS
47 lines
1.2 KiB
SCSS
@use "sass:color";
|
|
|
|
// ===================================
|
|
// VARIABLES & MAPS // ===================================
|
|
|
|
// Theme Colors Map
|
|
$theme-colors: (
|
|
"primary": #5a81fa,
|
|
"secondary": #5a5fba,
|
|
"success": #14b8a6,
|
|
"info": #3b82f6,
|
|
"warning": #fb923c,
|
|
"danger": #f43f5e,
|
|
);
|
|
|
|
// Gray Colors Map
|
|
$grays: (
|
|
"light": #f9f9f9,
|
|
"dark": #696e82,
|
|
);
|
|
// Spacing & Sizing
|
|
$border-radius: 0.5rem;
|
|
$border-radius-sm: 0.25rem;
|
|
$border-radius-lg: 1rem;
|
|
|
|
// Shadows & Transitions
|
|
$card-box-shadow: 0 0 1.25rem rgba(33, 37, 41, 0.05);
|
|
$shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
|
|
$shadow-md: 0 4px 8px rgba(0, 0, 0, 0.12);
|
|
$shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.15);
|
|
$transition: all 0.3s ease;
|
|
|
|
// =============================
|
|
// CUSTOM BOOTSTRAP VARIABLES
|
|
// =============================
|
|
$primary: map-get($theme-colors, "primary");
|
|
|
|
// Tombol utama
|
|
$btn-primary-color: #fff;
|
|
$btn-primary-bg: $primary;
|
|
$btn-primary-border-color: $primary;
|
|
$btn-primary-hover-bg: darken($primary, 5%);
|
|
$btn-primary-hover-border-color: darken($primary, 5%);
|
|
$btn-focus-shadow-rgb: to-rgb($primary);
|
|
$btn-primary-active-bg: darken($primary, 7%);
|
|
$btn-primary-active-border-color: darken($primary, 7%);
|