title: Scss box-shadow is deprecated and will be removed - How to work around
body: <p>I am trying to use the following include in my style.scss file:</p>
  
  <pre><code>@include box-shadow(red 2px 2px 10px);
  </code></pre>
  
  <p>However i get a an error of:</p>
  
  <blockquote>
    <p>WARNING: box-shadow is deprecated and will be removed in the next
    major version release</p>
  </blockquote>
  
  <p>I've tried to google this, but i am not sure what i use instead, is there another mixin i can manually make or use? I looked on the Bourbon website in their docs but all i found was:</p>
  
  <blockquote>
    <p>Deprecation Warning: The box-shadow mixin has been deprecated. Use the
    official spec.</p>
  </blockquote>