title: sass px to em mixin / function for different base sizes on responsive site
body: <p>I have been using sass for a while and for ages I have been using the following px to em function for my media queries:</p>
  
  <pre><code>$browser-context: 16; // Default
  
  @function em($pixels, $context: $browser-context) {
    @return #{$pixels/$context}em
  }
  </code></pre>
  
  <p>However, I am now wanting to set up a different base font size depending on width of screen. SO for instance for mobile sizes</p>
  
  <pre><code>$browser-context: 14; // Default
  </code></pre>
  
  <p>and for bigger screens:</p>
  
  <pre><code>$browser-context: 16; // Default
  </code></pre>
  
  <p>But Im not sure how to wrap this all up in sass. Any ideas?</p>
  
  <p>Thanks,</p>