-
-
Notifications
You must be signed in to change notification settings - Fork 188
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.
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
Support for Repeating-radial/linear-gradient #59
Comments
Can you provide expected input & output? Not sure if we can transform this into classic |
Actually it would be only a matter of adding the corresponding vendor prefixes since it looks like it's supported on Chrome/Safari/Firefox with prefixes. body {
/* spec */
background: repeating-radial-gradient(black 2px, black 0px, white 5px, white 10px);
/* prefixed */
background: -moz-repeating-radial-gradient(black 2px, black 0px, white 5px, white 10px);
background: -webkit-repeating-radial-gradient(black 2px, black 0px, white 5px, white 10px);
background: -o-repeating-radial-gradient(black 2px, black 0px, white 5px, white 10px);
/* spec */
background: repeating-linear-gradient(black 2px, black 0px, white 5px, white 10px);
/* prefixed */
background: -moz-repeating-linear-gradient(black 2px, black 0px, white 5px, white 10px);
background: -webkit-repeating-linear-gradient(black 2px, black 0px, white 5px, white 10px);
background: -o-repeating-linear-gradient(black 2px, black 0px, white 5px, white 10px);
} |
So we should forward that to autoprefixer (poke @ai). |
@eramdam Autoprefixer already adds prefixes to repeating gradients. |
Good to know. Also, only really old browser need prefix http:https://caniuse.com/#feat=css-repeating-gradients so if you need to scope that you need to adjust your browser scope. |
https://developer.mozilla.org/fr/docs/Web/CSS/repeating-radial-gradient
https://developer.mozilla.org/fr/docs/Web/CSS/repeating-linear-gradient
The text was updated successfully, but these errors were encountered: