seccodesmith
848318a23e
- Added node and sass to dependencies in package.json - Added @types/node to devDependencies - Removed unused CSS files and replaced them with SCSS files - Updated import paths in App.tsx and Blog.tsx to use new aliasing - Configured TypeScript paths for easier imports - Updated Vite config to include path aliases - Created new SCSS files for About, Blog, Error, and Main styles - Added a variables file for color and effect variables - Updated index.scss for global styles and responsive adjustments
26 lines
630 B
SCSS
26 lines
630 B
SCSS
// Colors
|
|
$primary-dark: #0a0a0a;
|
|
$secondary-dark: #1a1a1a;
|
|
$accent-fire: #ff6400;
|
|
$accent-ember: #ff4500;
|
|
$accent-dragon: #8B0000;
|
|
$text-light: #f5f5f5;
|
|
$text-ash: #aaaaaa;
|
|
$card-bg: #141414;
|
|
$card-border: #2a2a2a;
|
|
|
|
// Effects
|
|
$glow-effect: 0 0 10px $accent-fire, 0 0 20px rgba(255, 100, 0, 0.4);
|
|
|
|
// Maps for easy access
|
|
$colors: (
|
|
"primary-dark": $primary-dark,
|
|
"secondary-dark": $secondary-dark,
|
|
"accent-fire": $accent-fire,
|
|
"accent-ember": $accent-ember,
|
|
"accent-dragon": $accent-dragon,
|
|
"text-light": $text-light,
|
|
"text-ash": $text-ash,
|
|
"card-bg": $card-bg,
|
|
"card-border": $card-border
|
|
); |