Material Elevate in SASS

teamallnighter

Chris Connelly

Posted on April 1, 2020

Material Elevate in SASS
$box-shadow-1: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
$box-shadow-2: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
$box-shadow-3: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
$box-shadow-4: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
$box-shadow-5: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
$box-shadow-6: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
Enter fullscreen mode Exit fullscreen mode
.whatever-element{
box-shadow: $box-shadow-4
}
Enter fullscreen mode Exit fullscreen mode
💖 💪 🙅 🚩
teamallnighter
Chris Connelly

Posted on April 1, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Material Elevate in SASS
sass Material Elevate in SASS

April 1, 2020