argyleink / open-props

CSS custom properties to help accelerate adaptive and consistent design.

Home Page:https://open-props.style

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

gradients should auto upgrade to `oklab` and HDR

argyleink opened this issue · comments

commented

I think for the colors it's okay, but for the gradients, we have to wait for Firefox support.
https://developer.mozilla.org/en-US/docs/Web/CSS/hue-interpolation-method

commented

In the meantime, we also need more gradients.

this could be something like:

:root {
  --space: ;
  --gradient-1: linear-gradient(to right var(--space), red, blue);
  --gradient-2: …;
  --gradient-3: …;
}

@supports (background: linear-gradient(to right in oklab, #000, #fff)) {
  :root {
    --space: in oklab;
  }
}