title: SCSS mixin adding zero in front of time duration on transition
body: <p>I have a Sass mixin that I am using for all my transition effects:</p>
  
  <pre><code>$transition-time: .2s;
  $transition-method: ease-in-out;
  
  @mixin transition($transition-property){
      -webkit-transition: $transition-method $transition-property $transition-time !important;
      -moz-transition: $transition-method $transition-property $transition-time !important;
      -ms-transition: $transition-method $transition-property $transition-time !important;
      -o-transition: $transition-method $transition-property $transition-time !important;
      transition: $transition-method $transition-property $transition-time !important;
  }
  </code></pre>
  
  <p>If you notice how my <code>$transition-time: .2s;</code> is declared as .2s. The problem is that Sass is adding a zero in front <code>0.2s</code> when it is compiled. I never thought that this would be a problem, but it is making a couple of my transitions not work. I have tried to put <code>.2s</code> within the mixin, but it still adds the zero when it is compiled. Anyone else have this issue and know how to resolve it?</p>