title: Can you use the Firefox @-moz-document directive in a SASS file?
body: <p>So you can use the following CSS to override a style in Firefox only:</p>
  
  <pre><code>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;
      }
  }
  </code></pre>
  
  <p>...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.</p>
  
  <pre><code>@-moz-document url-prefix() {
      button.needs-overridden-in-firefox {
          padding-top: 0;
      }
  }
  </code></pre>