From ad91d95861d9b8c78af0630f565a3a702b1fe920 Mon Sep 17 00:00:00 2001 From: Valentin Popov Date: Mon, 23 Apr 2018 00:29:39 +0400 Subject: [PATCH] Add tool 'box-shadow' Signed-off-by: Valentin Popov --- _scss/utilities/_boxshadow.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 _scss/utilities/_boxshadow.scss diff --git a/_scss/utilities/_boxshadow.scss b/_scss/utilities/_boxshadow.scss new file mode 100644 index 0000000..4e1d200 --- /dev/null +++ b/_scss/utilities/_boxshadow.scss @@ -0,0 +1,13 @@ +// Box Shadow +// +// The box-shadow CSS property is used to add shadow effects around an element's frame. You can specify multiple effects separated by commas if you wish to do so. A box shadow is described by X and Y offsets relative to the element, blur and spread radii, and color. +// +// Values: offset-x | offset-y | blur-radius | spread-radius | color +// Default: none +// +// https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow +@mixin boxshadow($value: none) { + -webkit-box-shadow: $value; + -moz-box-shadow: $value; + box-shadow: $value; +}