71 lines
1.4 KiB
CSS
71 lines
1.4 KiB
CSS
:root {
|
|
/* Layout */
|
|
--container-width: 1280px;
|
|
--content-width: 72rem;
|
|
--padding-inline: clamp(16px, 4vw, 24px);
|
|
|
|
/* Spacing */
|
|
--space-1: 4px;
|
|
--space-2: 8px;
|
|
--space-3: 12px;
|
|
--space-4: 16px;
|
|
--space-5: 20px;
|
|
--space-6: 24px;
|
|
--space-7: 28px;
|
|
--space-8: 32px;
|
|
--space-9: 36px;
|
|
--space-10: 40px;
|
|
--space-11: 44px;
|
|
--space-12: 48px;
|
|
--space-13: 52px;
|
|
--space-14: 56px;
|
|
--space-15: 60px;
|
|
--space-16: 64px;
|
|
--space-17: 68px;
|
|
--space-18: 72px;
|
|
--space-19: 76px;
|
|
--space-20: 80px;
|
|
--space-21: 84px;
|
|
--space-22: 88px;
|
|
--space-23: 92px;
|
|
--space-24: 96px;
|
|
--space-25: 100px;
|
|
--space-26: 104px;
|
|
--space-27: 108px;
|
|
--space-28: 112px;
|
|
--space-29: 116px;
|
|
--space-30: 120px;
|
|
--space-31: 124px;
|
|
--space-32: 128px;
|
|
--space-33: 132px;
|
|
--space-34: 136px;
|
|
--space-35: 140px;
|
|
--space-36: 144px;
|
|
|
|
/* Colors */
|
|
--color-surface: #ffffff;
|
|
--color-surface-alt: #f9f9f9;
|
|
--color-background: #ffffff;
|
|
--color-background-alt: #f9f9f9;
|
|
--color-background-linear: linear-gradient(
|
|
to bottom,
|
|
#f9f9f9 5%,
|
|
#ffffff 50%,
|
|
#f9f9f9 100%
|
|
);
|
|
--color-text: #171717;
|
|
--color-text-muted: #4a4a4a;
|
|
--color-text-soft: #7a7a7a;
|
|
--color-heading: #171717;
|
|
--color-accent: #267361;
|
|
|
|
/* Radius */
|
|
--radius-none: 0;
|
|
--radius-sm: 4px;
|
|
--radius-md: 8px;
|
|
--radius-lg: 12px;
|
|
--radius-xl: 16px;
|
|
--radius-2xl: 24px;
|
|
--radius-full: 9999px;
|
|
}
|