How about to remove vendor-prefix in SCSS files

[sotayamashita]

How about to add vendor-prefix during transferring scss to css ? I think it will be more simple

[jakegiltsoff]

@sotayamashita With something like Autoprefixer? https://github.com/postcss/autoprefixer

[sotayamashita]

@designbyjake Yes it is. What do think ?

Example:

// scss
selector {
  border-radius: 3px
}

↓ Transfer w/ build tool like gulp

/* css */
selector {
  -webkit-border-radius: 3px
     -moz-border-radius: 3px
          border-radius: 3px
}

[jakegiltsoff]

@sotayamashita I’ll think about it. I use it on other projects but didn’t want to add it as a dependency.

BTW border-radius doesn’t need prefixing ;)

[sotayamashita]

@designbyjake I got it.

BTW border-radius doesn’t need prefixing ;)

Oops... :sob:

[jakegiltsoff]

@sotayamashita I don’t think this should be closed yet.

[sotayamashita]

@designbyjake OK. but you do not want to add a dependencies ?

[ambethia]

I agree. I use autoprefixer, and I'd rather not see prefixes in sass dependencies. It might be useful to publish both a bare file and and pre-fixed file for different use cases.

[jakegiltsoff]

I’m planning to add autoprefixer soon :+1:

[sotayamashita]

@designbyjake Which browser will you support ? Example is below:

autoprefixer({ browsers: ['last 2 versions'] })

Here is browser list

[KingScooty]

Yep, +1 to removing prefixed code from this project.

[jakegiltsoff]

Autoprefixer added