New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[css-minifier] Support @font-palette-values #2115

Closed

yisibl opened this issue Mar 19, 2022 · 1 comment

Contributor

yisibl commented Mar 19, 2022

Chrome 101 and Safari 15.4 start supporting this property.

Demo: https://github.com/yisibl/color-font-palette/blob/f459209b5ee23e19d6ccbdb824efdd89e20855aa/styles.css#L227-L241

@font-palette-values --Reem {
    font-family: reem;
    base-palette: 0;
    override-colors:
        0 #ff296b,
        1 #00d384,
        2 yellow,
        3 blue;
}

.reem {
    font-family: 'reem';
    font-size: 120px;
    font-palette: --Reem;
}

yisibl changed the title ~~Support @font-palette-values~~ [css-minifier] Support @font-palette-values

evanw closed this as completed in

6fc8aa8

Contributor Author

yisibl commented Mar 27, 2022

Thanks for the quick implementation, but I have a small suggestion: 6fc8aa8#r69628812

zhusjfaker pushed a commit to speedy-js/esbuild that referenced this issue


          fix evanw#2115: support @font-palette-values

a4dda2a

hardfist pushed a commit to speedy-js/esbuild that referenced this issue


          fix evanw#2115: support @font-palette-values

8b0337d

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment