How do you specify which prefixes you want

[seancurtis]

I noticed a heap of -webkit-calc() and -moz-calc() prefixed rules in the CSS output for my component. Why is it outputting unnecessary styles? I couldn't find any docs on how to specify the browsers that need to be supported.

[mxstbr]

See #111.

Instead of shipping a 1MB file for every request, we decided to just prefix all the things. Since the "unnecessary" styles are only generated and not sent down the wire, that doesn't really hurt anybody.

[seancurtis]

Can you make it so the prefixed rules appear before the un-prefixed ones at least? See Khan/aphrodite#100 and https://css-tricks.com/ordering-css3-properties/ for more info on that.

[geelen]

That's already been fixed (test here) and will ship with v2 quite soon

[jamesryan-dev]

so does simply using styled-components auto-prefix the styles or is this something I need to install?

[kitten]

@jimmynames It's taken care for you automatically: https://www.styled-components.com/docs/basics#getting-started

NOTE: The CSS rules are automatically vendor prefixed, so you don't have to think about it.

Please don't comment on old PRs and instead read the docs, or feel free to ask questions in new GH issues, on spectrum, or on Gitter ;) Otherwise we won't have any idea of how many people have asked a certain question, and won't notice whether the docs will need clarification 😉