Kevin Powell - CommunityKP-C
Kevin Powell - Community•3y ago•
5 replies
BlueBeka

css `color-mix` not working with paint api.

For some reason I can't seem to use color-mix to set a color for houdini's paint api. Setting a simple color or even a relative color works fine.
Any Idea why color-mix isn't working for me?

/* working */
--squiggly-line-color: red;
/* working */
--squiggly-line-color: oklch(
    from red calc(l * 7 / 8) calc(c * 3 / 4) h
  );
/* not working */
--squiggly-line-color: color-mix(
    in oklab,
    white 75%,
    black
  );

background: paint(squiggly-line);
Was this page helpful?