AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add spacing tokens and utilities to global.css

Browse source 
cgen-d52f7b8bedb14ad89242318be3e94bf4
This commit is contained in:
Builder.io 2025-10-19 00:16:29 +00:00
parent cc2faa1609
commit f22cccde7c
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
client/global.css
View file

@ -10,6 +10,15 @@
*/ */
:root { :root {
--background: 222 84% 4.9%; --background: 222 84% 4.9%;
/* Spacing tokens */
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 24px;
--space-6: 32px;
--space-section-y: var(--space-6);
--foreground: 210 40% 98%; --foreground: 210 40% 98%;
--card: 222 84% 4.9%; --card: 222 84% 4.9%;
@ -90,6 +99,10 @@
} }
@layer utilities { @layer utilities {
.section-cozy { padding-block: var(--space-section-y); }
.gap-cozy { gap: var(--space-5); }
.pad-cozy { padding: var(--space-5); }
.text-gradient { .text-gradient {
@apply bg-gradient-to-r from-aethex-400 via-neon-blue to-aethex-600 bg-clip-text text-transparent; @apply bg-gradient-to-r from-aethex-400 via-neon-blue to-aethex-600 bg-clip-text text-transparent;
background-size: 200% 200%; background-size: 200% 200%;