Add spacing tokens and utilities to global.css
cgen-d52f7b8bedb14ad89242318be3e94bf4
This commit is contained in:
parent
cc2faa1609
commit
f22cccde7c
1 changed files with 13 additions and 0 deletions
|
|
@ -10,6 +10,15 @@
|
|||
*/
|
||||
:root {
|
||||
--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%;
|
||||
|
||||
--card: 222 84% 4.9%;
|
||||
|
|
@ -90,6 +99,10 @@
|
|||
}
|
||||
|
||||
@layer utilities {
|
||||
.section-cozy { padding-block: var(--space-section-y); }
|
||||
.gap-cozy { gap: var(--space-5); }
|
||||
.pad-cozy { padding: var(--space-5); }
|
||||
|
||||
.text-gradient {
|
||||
@apply bg-gradient-to-r from-aethex-400 via-neon-blue to-aethex-600 bg-clip-text text-transparent;
|
||||
background-size: 200% 200%;
|
||||
|
|
|
|||
Loading…
Reference in a new issue