Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Scss box-shadow is deprecated and will be removed - How to work around

Tags:

sass

bourbon

I am trying to use the following include in my style.scss file:

@include box-shadow(red 2px 2px 10px);

However i get a an error of:

WARNING: box-shadow is deprecated and will be removed in the next major version release

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:

Deprecation Warning: The box-shadow mixin has been deprecated. Use the official spec.

like image 227
Doidgey Avatar asked Nov 28 '13 09:11

Doidgey


1 Answers

Here is the discussion within Bourbon

Box-shadow mixin should be deprecated based on current implementation of the property in browsers.

so you should use:

box-shadow: red 2px 2px 10px;

instead of:

@include box-shadow(red 2px 2px 10px);
like image 99
Alex Guerrero Avatar answered Sep 22 '22 18:09

Alex Guerrero