mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-20 04:21:25 +02:00
05d074c57e
Migrate figgos from single Expo app to multi-app monorepo structure: - Move mobile app to apps/mobile/ - Add apps/web/ (SvelteKit) and apps/backend/ (NestJS) scaffolds - Add packages/shared/ for shared types and constants - Update root package.json with new dev commands - Temporarily skip type-check (run pnpm install first) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
88 lines
2 KiB
CSS
88 lines
2 KiB
CSS
@import 'tailwindcss';
|
|
@import '@manacore/shared-tailwind/themes.css';
|
|
|
|
/* Scan shared packages for Tailwind classes */
|
|
@source '../../../../packages/shared/src';
|
|
@source '../../../../../packages/shared-ui/src';
|
|
@source '../../../../../packages/shared-theme-ui/src';
|
|
@source '../../../../../packages/shared-auth-ui/src';
|
|
|
|
/* App-specific CSS Variables */
|
|
@layer base {
|
|
:root {
|
|
/* Spacing */
|
|
--spacing-xs: 0.25rem;
|
|
--spacing-sm: 0.5rem;
|
|
--spacing-md: 1rem;
|
|
--spacing-lg: 1.5rem;
|
|
--spacing-xl: 2rem;
|
|
--spacing-2xl: 3rem;
|
|
|
|
/* Border Radius */
|
|
--radius-sm: 0.25rem;
|
|
--radius-md: 0.5rem;
|
|
--radius-lg: 0.75rem;
|
|
--radius-xl: 1rem;
|
|
--radius-full: 9999px;
|
|
|
|
/* Transitions */
|
|
--transition-fast: 150ms ease;
|
|
--transition-base: 200ms ease;
|
|
--transition-slow: 300ms ease;
|
|
}
|
|
}
|
|
|
|
/* Utility Classes */
|
|
@layer components {
|
|
.gradient-primary {
|
|
background: linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));
|
|
}
|
|
|
|
.glass {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
backdrop-filter: blur(10px);
|
|
-webkit-backdrop-filter: blur(10px);
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.card {
|
|
background: var(--color-surface);
|
|
border-radius: var(--radius-lg);
|
|
border: 1px solid var(--color-border);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.figure-card {
|
|
transition: transform var(--transition-base), box-shadow var(--transition-base);
|
|
}
|
|
|
|
.figure-card:hover {
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
/* Rarity Colors */
|
|
.rarity-common {
|
|
--rarity-color: #9ca3af;
|
|
}
|
|
.rarity-rare {
|
|
--rarity-color: #3b82f6;
|
|
}
|
|
.rarity-epic {
|
|
--rarity-color: #8b5cf6;
|
|
}
|
|
.rarity-legendary {
|
|
--rarity-color: #f59e0b;
|
|
}
|
|
|
|
.rarity-badge {
|
|
background: color-mix(in srgb, var(--rarity-color) 15%, transparent);
|
|
color: var(--rarity-color);
|
|
border: 1px solid color-mix(in srgb, var(--rarity-color) 30%, transparent);
|
|
padding: 0.25rem 0.75rem;
|
|
border-radius: var(--radius-full);
|
|
font-size: 0.75rem;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
}
|
|
}
|