title: Bootstrap sass: set font-size-base in em?
body: <p>I have a responsive Bootstrap page with fixed-size divs containing text. To avoid the text overflowing the div as it changes size, I'm using <a href="https://stackoverflow.com/a/21981859/2552873">this solution with media queries</a> to change the default font size.</p>
  
  <p>However, the <code>$font-size-base</code> variable in the Bootstrap sass variables is still defined in terms of pixels and therefore stuff using it doesn't obey this scaling. I tried changing the font-size-base to <code>1em</code>, but this cause a whole cascade of errors of <code>Incompatible units: 'px' and 'em'</code>.</p>
  
  <p>I could basically overwrite the font sizes I need to be variable in my custom sass file, but this seems like kind of a kludgy approach. Is there a cleaner way that I can make Bootstrap use ems for the font size so that it will change according to my media queries?</p>