Fanrouver
75 lines
1.5 KiB
SCSS
75 lines
1.5 KiB
SCSS
// Check-in Page Variables
|
|
// Colors
|
|
$primary-color: #1565C0;
|
|
$primary-dark: #0D47A1;
|
|
$secondary-color: #FB8C00;
|
|
$success-color: #66BB6A;
|
|
$success-dark: #43A047;
|
|
$warning-color: #FFA726;
|
|
$warning-dark: #FB8C00;
|
|
$error-color: #EF5350;
|
|
$error-dark: #E53935;
|
|
|
|
// Background Colors
|
|
$bg-white: #ffffff;
|
|
$bg-light: #fafafa;
|
|
$bg-grey: #f5f7fa;
|
|
$bg-blue-light: #e3f2fd;
|
|
|
|
// Text Colors
|
|
$text-primary: #1a1a1a;
|
|
$text-secondary: #6b7280;
|
|
$text-grey: #9e9e9e;
|
|
$text-grey-dark: #757575;
|
|
|
|
// Border Colors
|
|
$border-light: #e5e7eb;
|
|
$border-grey: rgba(0, 0, 0, 0.08);
|
|
|
|
// Shadow
|
|
$shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
$shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
$shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
|
|
$shadow-xl: 0 8px 32px rgba(0, 0, 0, 0.1);
|
|
$shadow-primary: 0 4px 16px rgba(21, 101, 192, 0.3);
|
|
$shadow-primary-hover: 0 8px 24px rgba(21, 101, 192, 0.4);
|
|
$shadow-error: 0 4px 16px rgba(239, 68, 68, 0.3);
|
|
$shadow-error-hover: 0 8px 24px rgba(239, 68, 68, 0.4);
|
|
|
|
// Border Radius
|
|
$radius-sm: 8px;
|
|
$radius-md: 12px;
|
|
$radius-lg: 16px;
|
|
$radius-xl: 24px;
|
|
$radius-full: 50%;
|
|
|
|
// Spacing
|
|
$spacing-xs: 4px;
|
|
$spacing-sm: 8px;
|
|
$spacing-md: 12px;
|
|
$spacing-lg: 16px;
|
|
$spacing-xl: 20px;
|
|
$spacing-2xl: 24px;
|
|
$spacing-3xl: 28px;
|
|
|
|
// Font Sizes
|
|
$font-xs: 10px;
|
|
$font-sm: 11px;
|
|
$font-base: 13px;
|
|
$font-md: 15px;
|
|
$font-lg: 16px;
|
|
$font-xl: 18px;
|
|
$font-2xl: 20px;
|
|
$font-3xl: 24px;
|
|
|
|
// Transitions
|
|
$transition-fast: 0.2s ease;
|
|
$transition-base: 0.3s ease;
|
|
$transition-slow: 0.4s ease;
|
|
$transition-bezier: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
|
|
// Z-index
|
|
$z-base: 1;
|
|
$z-overlay: 10;
|
|
$z-dialog: 100;
|