title: How can I set .scss variable value at runtime?
body: <p>I am coding in Ionic 3, trying to develop countdown timer. I need to set .scss value at runtime. How can I do it?</p>
  
  <p>.scss code</p>
  
  <pre><code>$d: 300;
  $w: 20;
  $interval: 2;
  $rotation: 1;
  
  &amp;:before {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          border: $w+px solid #fff;
          -webkit-animation-duration: $interval+s;
          -webkit-animation-iteration-count: $rotation;
          -webkit-animation-timing-function: linear;
          -webkit-animation-fill-mode: forwards;
      }
  </code></pre>
  
  <p>The value of interval and rotation may be anything like 1,2,3,4,etc..
  How can I set it at runtime?</p>