title: I am using sass file in react component but compiler give some errors
body: <p>I am using <em>Sass</em> file in <em>react</em> component but compiler give some errors.</p>
  
  <p>Below is the line of code where compiler gives error:</p>
  
  <pre><code>$easeInOut: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  
  $turnDuration: 0.6s
  
  // Animation  
  
  mixin = animate($name, $easing, $duration: 300ms, $delay: 0s, $iteration: 1, $direction: normal, $fill-mode: forwards)
      animation: $name $duration $easing $delay $iteration $direction $fill-mode 
  </code></pre>
  
  <p><strong>Error</strong></p>
  
  <blockquote>
    <p>./src/styles/flipclock.scss (./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-3!./src/styles/flipclock.scss)<br>
    $easeInOut: cubic-bezier(0.455, 0.03, 0.515, 0.955);<br>
     ^<br>
         Media query expression must begin with '('<br>
         in F:\AMS\client\src\styles\flipclock.scss (line 6, column 1)</p>
  </blockquote>
  
  <p><a href="https://i.stack.imgur.com/WH9P9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WH9P9.jpg" alt="error"></a></p>