This repository has been archived on 2026-06-18. You can view files and clone it, but cannot push or open issues or pull requests.
Files
ui-essentials/projects/ui-design-system/src/styles/base/_shadows.scss
skyai_dev 2f56ee01b3 Rename shared-ui to ui-design-system
- 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>
2025-09-03 21:54:12 +10:00

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,
);