- More descriptive name for design system library - Update all imports and configurations - No functional changes 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
36 lines
1.2 KiB
SCSS
36 lines
1.2 KiB
SCSS
// Shadow Tokens
|
|
// Generated from base-tokens.json
|
|
|
|
// Standard Shadows
|
|
$base-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
$base-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
|
|
$base-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
|
|
$base-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
|
|
$base-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
|
|
$base-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
|
|
$base-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
|
|
$base-shadow-none: none;
|
|
|
|
// AI Shadows
|
|
$base-shadow-ai-glow: 0 0 20px rgba(139, 92, 246, 0.3), 0 0 40px rgba(139, 92, 246, 0.1);
|
|
$base-shadow-ai-pulse: 0 0 30px rgba(6, 182, 212, 0.4), 0 0 60px rgba(6, 182, 212, 0.2);
|
|
$base-shadow-ai-soft: 0 0 15px rgba(139, 92, 246, 0.2), 0 0 30px rgba(139, 92, 246, 0.1);
|
|
|
|
// Shadow Scale Map
|
|
$base-shadows: (
|
|
xs: $base-shadow-xs,
|
|
sm: $base-shadow-sm,
|
|
md: $base-shadow-md,
|
|
lg: $base-shadow-lg,
|
|
xl: $base-shadow-xl,
|
|
2xl: $base-shadow-2xl,
|
|
inner: $base-shadow-inner,
|
|
none: $base-shadow-none,
|
|
);
|
|
|
|
// AI Shadow Map
|
|
$base-shadows-ai: (
|
|
glow: $base-shadow-ai-glow,
|
|
pulse: $base-shadow-ai-pulse,
|
|
soft: $base-shadow-ai-soft,
|
|
); |