title: How to target firefox or any other browser in SCSS?
body: <p>The glyphicon is misaligned and is not behaving properly in Firefox whereas it looks perfect in Chrome and Safari. To solve this, I am trying to write a rule which would just apply if it is a Mozilla's browser. </p>
  
  <p>Is there any way to detect a browser in SCSS by using directives like @if. Something like following:</p>
  
  <pre><code>@if $browser === mozilla {
      //apply this CSS
     .pull-right.glyphicon.glyphicon-chevron-right {
      top: -13px;
      line-height: 0.5 !important;
  }
  </code></pre>
  
  <p>Do we have any simple way to detect? I tried using the <code>@moz-document url-prefix()</code> which isn't working in SCSS.</p>
  
  <p>A similar question was asked <a href="https://stackoverflow.com/questions/18623349/using-moz-document-url-prefix-to-target-firefox-in-scss">here</a> but there is no correct solution to the problem.</p>
  
  <p>Any help or guidance is greatly appreciated. Thank you.</p>