@fylgja/tokens
Version:
[](https://www.npmjs.com/package/@fylgja/tokens) [](https://www.npmjs.com/package/@fylgja/tokens) [ • 1.1 kB
CSS
* {
--color-0: oklch(99% calc(.03 * var(--chroma, 1)) var(--hue, 0));
--color-1: oklch(95% calc(.06 * var(--chroma, 1)) var(--hue, 0));
--color-2: oklch(90% calc(.12 * var(--chroma, 1)) var(--hue, 0));
--color-3: oklch(88% calc(.14 * var(--chroma, 1)) var(--hue, 0));
--color-4: oklch(82% calc(.16 * var(--chroma, 1)) var(--hue, 0));
--color-5: oklch(78% calc(.17 * var(--chroma, 1)) var(--hue, 0));
--color-6: oklch(68% calc(.19 * var(--chroma, 1)) var(--hue, 0));
--color-7: oklch(58% calc(.21 * var(--chroma, 1)) var(--hue, 0));
--color-8: oklch(52% calc(.20 * var(--chroma, 1)) var(--hue, 0));
--color-9: oklch(44% calc(.18 * var(--chroma, 1)) var(--hue, 0));
--color-10: oklch(35% calc(.15 * var(--chroma, 1)) var(--hue, 0));
--color-11: oklch(28% calc(.12 * var(--chroma, 1)) var(--hue, 0));
--color-12: oklch(20% calc(.10 * var(--chroma, 1)) var(--hue, 0));
--color-13: oklch(15% calc(.07 * var(--chroma, 1)) var(--hue, 0));
--color-14: oklch(11% calc(.05 * var(--chroma, 1)) var(--hue, 0));
}
@property --hue { syntax: "<angle> | <number>"; inherits: true; initial-value: 0; }