title: Using properties as variables In CSS Preprocessors?
body: <p>I know that both Sass and Less support the <code>variable</code> directive. I'm only familiar with Sass, but is there any syntax allowing to use a property <em>instead</em> of a variable?</p>
  <p>For example:</p>
  <pre><code>$height: 1rem;
  
  $line-height: 1.5;
  
  @if($height &gt; $line-height) {
    input {
      //
    }
  }
  </code></pre>
  <p>This works, obviously, but is there <em>any</em> possible way to use <code>properties</code> instead of <code>variables</code> in <em>any</em> CSS preprocessor?</p>