Search code examples
csssassgruntjsautoprefixer

Grunt SASS Invalid property name appearance

When using the following SASS code

.select select
    -webkit-appearance: none
       -moz-appearance: none
            appearance: none

I'm getting a "Invalid property name" when compiling via Grunt. The problem seems to be the line with "-moz-appearance: none".

I'm using Autoprefixer, but it doesn't support the appearance property (https://github.com/postcss/autoprefixer#why-doesnt-autoprefixer-support-appearance).

What's the best way to let the line pass when compiling?

Solution

  • Pretty lame, but it had to do with the indenting. Had to be:

    .select select
    -webkit-appearance: none
    -moz-appearance: none
    appearance: none