5

Is there a SASS extension that would take SASS stylesheets, find neutral properties (e.g. border-radius) and output all vendor-specific properties for it (e.g. -webkit-border-radius etc) automatically?

I don't really want to create all the mixins manually nor write the code manually. I'm sure there must be such an extension, but I can't find it. Help?

Gargron
  • 808
  • 7
  • 10
  • Grunt will also do the job. With its autoprefixer. This way you run the code directly on generated css and not on actuall sass file. https://www.npmjs.com/package/grunt-autoprefixe – DevWL Feb 29 '16 at 03:29

2 Answers2

1

Compass has a CSS3 module that handles a lot of that stuff.

Chuck
  • 234,037
  • 30
  • 302
  • 389
  • Yes, but Compass requires me to `@include border-radius`. What I was thinking about was writing normal, non-mixin code and have it compiled/converted to the respective vendors. – Gargron May 19 '11 at 20:20
1

There is a very nice gem that would fit your needs. It's called Bourbon

It will not replace your css with the vendor-specific one as it works as SASS is made to work.

It is basically a mixin collection that generates the cross-browser css properly.

Felipe Sabino
  • 17,825
  • 6
  • 78
  • 112