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

sass bourbon
Doidgey picture Doidgey · Nov 28, 2013 · Viewed 9.1k times · Source

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.

Answer

Alex Guerrero picture Alex Guerrero · Nov 28, 2013

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);

Related questions

What does Gulp's includePaths do?

I am attempting to start using Bourbon and Neat Sass libraries in my project. I want to compile Sass with Gulp. This is a simple styles task setup that I've found in one of the tutorials: var gulp = require('gulp'), …

Read More
breakpoints using bourbon neat grid

I am trying to use neat for bourbon and I have got most things sorted out but I am hitting some road blocks when it comes to creating the breaking points. I prefer to make seperate sass files for mobile, …

Read More
Bourbon/Neat: Reset margin and let nested divs span the whole width

I am new to Bourbon/Neat. I have a question concerning nesting: I want the red boxes fill the whole width, without a gutter between them. When using "@include omega" on them, the first box removes its margin-right, but the …

Read More