Skip to content
This repository was archived by the owner on Dec 19, 2024. It is now read-only.

Support for Repeating-radial/linear-gradient #59

Closed
eramdam opened this issue Jan 12, 2015 · 5 comments
Closed

Support for Repeating-radial/linear-gradient #59

eramdam opened this issue Jan 12, 2015 · 5 comments

Comments

@eramdam
Copy link
Contributor

eramdam commented Jan 12, 2015

@MoOx
Copy link
Owner

MoOx commented Jan 12, 2015

Can you provide expected input & output? Not sure if we can transform this into classic *-gradient()s.

@eramdam
Copy link
Contributor Author

eramdam commented Jan 12, 2015

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.
So I'd say something like that

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);
}

@MoOx
Copy link
Owner

MoOx commented Jan 12, 2015

So we should forward that to autoprefixer (poke @ai).

@ai
Copy link

ai commented Jan 13, 2015

@eramdam Autoprefixer already adds prefixes to repeating gradients.

@MoOx
Copy link
Owner

MoOx commented Jan 13, 2015

Good to know.

Also, only really old browser need prefix http://caniuse.com/#feat=css-repeating-gradients so if you need to scope that you need to adjust your browser scope.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants