CODEWITHSUNDEEP
cssfirefoxsassmindscape
danludwig
danludwig

Reputation: 47375

Can you use the Firefox @-moz-document directive in a SASS file?

So you can use the following CSS to override a style in Firefox only:

button.needs-overridden-in-firefox {
    line-height: 20px;
    padding: 6px 16px;

}

@-moz-document url-prefix() {
    /* firefox line-height behaves differently, compensate with padding-top  */
    button.needs-overridden-in-firefox {
        padding-top: 0;
    }
}

...but can this be written as a style in a SASS file? I have tried the following and got a compiler error with mindscape web workbench's compiler.

@-moz-document url-prefix() {
    button.needs-overridden-in-firefox {
        padding-top: 0;
    }
}

Upvotes: 3

Views: 2157

Answers (0)

Related Questions