open-props
Version:
<div align="center">
31 lines (29 loc) • 787 B
CSS
:where(:root) {
--neon-red: #ff5161;
--neon-red-glow: #d30302;
--neon-pink: #ff53cd;
--neon-pink-glow: #e10361;
--neon-purple: #9461fd;
--neon-purple-glow: #4003e6;
--neon-blue: #2dd9fe;
--neon-blue-glow: #00a3d5;
--neon-green: #00fe9b;
--neon-green-glow: #02c435;
--neon-yellow: #ffdb4e;
--neon-yellow-glow: #b48505;
--neon-white: #fefefe;
--neon-white-glow: #ffffff;
}
@supports (background: color(display-p3 1 1 1)) {
@media (dynamic-range: high) {
:where(:root) {
--neon-red: color(display-p3 1 0 0);
--neon-pink: color(display-p3 1 0 1);
--neon-purple: color(display-p3 0 0 1);
--neon-blue: color(display-p3 0 1 1);
--neon-green: color(display-p3 0 1 0);
--neon-yellow: color(display-p3 1 1 0);
--neon-white: color(display-p3 1 1 1);
}
}
}