gaisen/assets/styles/vars.css

49 lines
2.0 KiB
CSS

:root {
--dt-primary-darker: hsl(var(--dt-primary-darker-hsl));
--dt-primary: hsl(var(--dt-primary-hsl));
--dt-primary-lighter: hsl(var(--dt-primary-lighter-hsl));
--dt-secondary-darker: hsl(var(--dt-secondary-darker-hsl));
--dt-secondary: hsl(var(--dt-secondary-hsl));
--dt-secondary-lighter: hsl(var(--dt-secondary-lighter-hsl));
--dt-success-darker: hsl(var(--dt-success-darker-hsl));
--dt-success: hsl(var(--dt-success-hsl));
--dt-success-lighter: hsl(var(--dt-success-lighter-hsl));
--dt-warning-darker: hsl(var(--dt-warning-darker-hsl));
--dt-warning: hsl(var(--dt-warning-hsl));
--dt-warning-lighter: hsl(var(--dt-warning-lighter-hsl));
--dt-danger-darker: hsl(var(--dt-danger-darker-hsl));
--dt-danger: hsl(var(--dt-danger-hsl));
--dt-danger-lighter: hsl(var(--dt-danger-lighter-hsl));
--dt-primary-darker-hsl: 20deg 100% 19%;
--dt-primary-hsl: 20deg 100% 39%;
--dt-primary-lighter-hsl: 20deg 100% 59%;
--dt-secondary-darker-hsl: 219deg 87% 37%;
--dt-secondary-hsl: 219deg 87% 57%;
--dt-secondary-lighter-hsl: 219deg 87% 77%;
--dt-success-darker-hsl: 172deg 89% 17%;
--dt-success-hsl: 172deg 89% 37%;
--dt-success-lighter-hsl: 172deg 89% 57%;
--dt-warning-darker-hsl: 38deg 91% 43%;
--dt-warning-hsl: 38deg 91% 63%;
--dt-warning-lighter-hsl: 38deg 91% 83%;
--dt-danger-darker-hsl: 10deg 84% 41%;
--dt-danger-hsl: 10deg 84% 61%;
--dt-danger-lighter-hsl: 10deg 84% 81%;
--dt-neutral-1: hsl(100deg 3% 10%);
--dt-neutral-2: hsl(100deg 3% 20%);
--dt-neutral-3: hsl(100deg 3% 30%);
--dt-neutral-4: hsl(100deg 3% 40%);
--dt-neutral-5: hsl(100deg 3% 50%);
--dt-neutral-6: hsl(100deg 3% 60%);
--dt-spacing-0: 0.00rem;
--dt-spacing-1: 0.25rem;
--dt-spacing-2: 0.50rem;
--dt-spacing-3: 1.00rem;
--dt-spacing-4: 1.50rem;
--dt-spacing-5: 3.00rem;
--dt-spacing-6: 6.00rem;
}