Add shadow variables

1 files changed, 14 insertions, 5 deletions

diff --git a/src/utilities.less b/src/utilities.less
index 30b3d4e..c5bef2d 100644
--- a/src/utilities.less
+++ b/src/utilities.less
@@ -38,7 +38,7 @@
     position: absolute;
     top: 50%;
     width: 1.6rem;
-    z-index: @z-index-z0;
+    z-index: @zindex-0;
   }
 }
 
@@ -219,11 +219,20 @@
 }
 
 // Shadow
-.shadow {
-  box-shadow: 0 .1rem .4rem rgba(0, 0, 0, .3);
+.shadow-0 {
+  box-shadow: @shadow-0;
 }
-.light-shadow {
-  box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .15);
+.shadow-1 {
+  box-shadow: @shadow-1;
+}
+.shadow-2 {
+  box-shadow: @shadow-2;
+}
+.shadow-3 {
+  box-shadow: @shadow-3;
+}
+.shadow-4 {
+  box-shadow: @shadow-4;
 }
 
 // Shapes