@keenmate/pure-admin-core 1.0.0-rc01

package/src/scss/variables/_system.scss

@@ -0,0 +1,80 @@
+// ============================================================================
+// SYSTEM VARIABLES
+// Z-index, opacity, transitions, animations, shadows
+// ============================================================================
+
+// Z-index scale (increments of 1000 for easy adjustment)
+$z-index-base: 0 !default;
+$z-index-content: 1000 !default;
+$z-index-sidebar: 2000 !default;
+$z-index-sidebar-fixed: 3000 !default;
+$z-index-header: 4000 !default;
+$z-index-profile-panel: 5000 !default;
+$z-index-modal-backdrop: 6000 !default;
+$z-index-modal: 7000 !default;
+$z-index-toast: 8000 !default;
+$z-index-tooltip: 9000 !default;
+
+// Additional z-index values
+$z-index-dropdown: 1000 !default;
+$z-index-popover: 1060 !default;
+$z-index-loader: 10 !default;
+$z-index-command-palette: 10500 !default;
+$z-index-settings-panel: 10000 !default;
+
+// Transitions & Animation
+$transition-speed: 1 !default;
+$transition-fast: calc(0.1s * $transition-speed) !default;
+$transition-normal: calc(0.15s * $transition-speed) !default;
+$transition-medium: calc(0.25s * $transition-speed) !default;
+$transition-slow: calc(0.3s * $transition-speed) !default;
+$easing-snappy: ease-out !default;
+$easing-smooth: ease !default;
+$easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55) !default;
+
+// Opacity system
+$opacity-disabled: 0.65 !default;
+$opacity-muted: 0.5 !default;
+$opacity-hover: 0.8 !default;
+$opacity-light: 0.1 !default;
+$opacity-subtle: 0.08 !default;
+$opacity-border: 0.2 !default;
+$opacity-shadow: 0.12 !default;
+$opacity-shadow-md: 0.15 !default;
+
+// Component-specific opacities
+$alert-secondary-bg-opacity: 0.05 !default;
+$alert-light-bg-opacity: 0.03 !default;
+$card-tab-hover-opacity: 0.05 !default;
+$bg-pattern-opacity: 0.03 !default;
+$popover-code-bg-opacity: 0.1 !default;
+$modal-warning-hover-bg-opacity: $opacity-light !default;
+
+// Shadow system
+$shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1) !default;
+$shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1) !default;
+$shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15) !default;
+$shadow-xl: 0 0 60px rgba(0, 0, 0, 0.12) !default;
+$shadow-2xl: 0 0 80px rgba(0, 0, 0, 0.15) !default;
+$shadow-sidebar: -2px 2px 10px rgba(0, 0, 0, 0.1) !default;
+$shadow-sidebar-open: -5px 0 20px rgba(0, 0, 0, 0.1) !default;
+$shadow-profile-panel: -4px 0 20px rgba(0, 0, 0, 0.15) !default;
+
+// Focus outline
+$focus-outline-width: 2px !default;
+$focus-outline-offset: 2px !default;
+$focus-ring-width: 3px !default;
+
+// Background pattern (for body background)
+$bg-pattern-circle-1-x: 20% !default;
+$bg-pattern-circle-1-y: 80% !default;
+$bg-pattern-circle-2-x: 80% !default;
+$bg-pattern-circle-2-y: 20% !default;
+$bg-pattern-gradient-start: 0% !default;
+$bg-pattern-gradient-stop: 50% !default;
+
+// Animation
+$animation-spin-duration: 1s !default;
+$ripple-color: rgba(255, 255, 255, 0.3) !default;
+$ripple-transition-duration: 0.6s !default;
+$ripple-size: 300px !default;

package/src/scss/variables/_typography.scss

@@ -0,0 +1,37 @@
+// ============================================================================
+// TYPOGRAPHY VARIABLES
+// Font families, sizes, weights, and line heights
+// ============================================================================
+
+// NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px)
+
+// Font system (comprehensive system font stacks)
+$font-stack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !default;
+$font-stack-serif: Georgia, "Times New Roman", Times, serif !default;
+$font-stack-mono: "Courier New", Courier, monospace !default;
+
+// Body font (defaults to system, themes can override)
+$body-font-family: $font-stack-system !default;
+
+// Font sizes (all in rem for consistency) - 10px base
+$font-size-2xs: 1rem !default;    // 10px (was 0.625rem)
+$font-size-xs: 1.2rem !default;   // 12px (was 0.75rem)
+$font-size-sm: 1.4rem !default;   // 14px (was 0.875rem)
+$font-size-md: 1.5rem !default;   // 15px (was 0.9375rem)
+$font-size-base: 1.6rem !default; // 16px (was 1rem)
+$font-size-lg: 1.8rem !default;   // 18px (was 1.125rem)
+$font-size-xl: 2rem !default;     // 20px (was 1.25rem)
+$font-size-2xl: 2.4rem !default;  // 24px (was 1.5rem)
+$font-size-3xl: 2.8rem !default;  // 28px (was 1.75rem)
+$font-size-4xl: 3.2rem !default;  // 32px (was 2rem)
+
+// Line height
+$line-height-base: 1.5 !default;
+$line-height-tight: 1.2 !default;
+$line-height-relaxed: 1.8 !default;
+
+// Font weights
+$font-weight-normal: 400 !default;
+$font-weight-medium: 500 !default;
+$font-weight-semibold: 600 !default;
+$font-weight-bold: 700 !default;