title: How to get the value of a CSS property in SASS?
body: <p>I'd like to store the current value of a property for later use. It's already been solved for <a href="https://stackoverflow.com/q/744319/96588">jQuery</a>.</p>
  
  <p>The issue is that I'm using a <code>@mixin</code> to apply a CSS hack in several places (<a href="https://kristinlbradley.wordpress.com/2011/09/15/cross-browser-css-justified-block-list/" rel="noreferrer">Justified Block List</a>) and I'd like to restore the <code>font-size</code> property in <code>.block-list *</code> (currently <em>all</em> text in sub-elements is just collapsed).</p>
  
  <p>Unsatisfactory workarounds:</p>
  
  <ul>
  <li>Save the global default font size in a separate file and pass it to the <code>@mixin</code> on <code>@import</code>. This is of course in the general case not the same font size as the objects which the mixin is applied to.</li>
  <li>Save the font size whenever you change it, and pass that. This tangles up the files involved, since it's not very elegant to <code>@include</code> the typography stylesheet in several otherwise unrelated files.</li>
  <li>Use more jQuery.</li>
  </ul>
  
  <p>Possibly satisfactory workarounds:</p>
  
  <ul>
  <li>Override the font size with a stronger rule on the first ancestor which changes it. This could be tricky to determine.</li>
  </ul>