tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.35 kB
CSS
@theme {
--color-grayp3a-1: color(display-p3 0 0 0 / 0.012);
--color-grayp3a-2: color(display-p3 0 0 0 / 0.024);
--color-grayp3a-3: color(display-p3 0 0 0 / 0.063);
--color-grayp3a-4: color(display-p3 0 0 0 / 0.09);
--color-grayp3a-5: color(display-p3 0 0 0 / 0.122);
--color-grayp3a-6: color(display-p3 0 0 0 / 0.153);
--color-grayp3a-7: color(display-p3 0 0 0 / 0.192);
--color-grayp3a-8: color(display-p3 0 0 0 / 0.267);
--color-grayp3a-9: color(display-p3 0 0 0 / 0.447);
--color-grayp3a-10: color(display-p3 0 0 0 / 0.486);
--color-grayp3a-11: color(display-p3 0 0 0 / 0.608);
--color-grayp3a-12: color(display-p3 0 0 0 / 0.875);
--color-graydarkp3a-1: color(display-p3 0 0 0 / 0);
--color-graydarkp3a-2: color(display-p3 1 1 1 / 0.034);
--color-graydarkp3a-3: color(display-p3 1 1 1 / 0.071);
--color-graydarkp3a-4: color(display-p3 1 1 1 / 0.105);
--color-graydarkp3a-5: color(display-p3 1 1 1 / 0.134);
--color-graydarkp3a-6: color(display-p3 1 1 1 / 0.172);
--color-graydarkp3a-7: color(display-p3 1 1 1 / 0.231);
--color-graydarkp3a-8: color(display-p3 1 1 1 / 0.332);
--color-graydarkp3a-9: color(display-p3 1 1 1 / 0.391);
--color-graydarkp3a-10: color(display-p3 1 1 1 / 0.445);
--color-graydarkp3a-11: color(display-p3 1 1 1 / 0.685);
--color-graydarkp3a-12: color(display-p3 1 1 1 / 0.929);
}