init project files
This commit is contained in:
24
styles/_variables.scss
Normal file
24
styles/_variables.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
// ─── Colors (Dark Theme) ──────────────────────────────────
|
||||
$color-bg: #1a1d21;
|
||||
$color-bg-2: #212529;
|
||||
$color-bg-3: #262a2f;
|
||||
$color-border: #343a40;
|
||||
$color-border-light: #495057;
|
||||
$color-text: #f8f9fa;
|
||||
$color-text-2: #dee2e6;
|
||||
$color-text-3: #adb5bd;
|
||||
$color-accent: #22d3ee;
|
||||
$color-accent-dark: #06b6d4;
|
||||
$color-accent-alpha: rgba(34, 211, 238, 0.15);
|
||||
|
||||
// ─── Typography ────────────────────────────────────────────
|
||||
$font-display: 'Syne', sans-serif;
|
||||
$font-body: 'DM Sans', sans-serif;
|
||||
$font-mono: 'JetBrains Mono', monospace;
|
||||
|
||||
// ─── Breakpoints ───────────────────────────────────────────
|
||||
$bp-sm: 640px;
|
||||
$bp-md: 768px;
|
||||
$bp-lg: 1024px;
|
||||
$bp-xl: 1280px;
|
||||
$bp-2xl: 1536px;
|
||||
Reference in New Issue
Block a user