Core: Elevation typegraphy

Author: nolimits4web

src/core/components/typography/typography.less

@@ -79,7 +79,6 @@
   margin-bottom: 0 !important;
 }
 
-
 // Width
 .width-auto {
   width: auto !important;
@@ -88,6 +87,81 @@
   width: 100% !important;
 }
 
+// Elevation
+.elevation-1 {
+  .elevation(1) !important;
+}
+.elevation-2 {
+  .elevation(2) !important;
+}
+.elevation-3 {
+  .elevation(3) !important;
+}
+.elevation-4 {
+  .elevation(4) !important;
+}
+.elevation-5 {
+  .elevation(5) !important;
+}
+.elevation-6 {
+  .elevation(6) !important;
+}
+.elevation-7 {
+  .elevation(7) !important;
+}
+.elevation-8 {
+  .elevation(8) !important;
+}
+.elevation-9 {
+  .elevation(9) !important;
+}
+.elevation-10 {
+  .elevation(10) !important;
+}
+.elevation-11 {
+  .elevation(11) !important;
+}
+.elevation-12 {
+  .elevation(12) !important;
+}
+.elevation-13 {
+  .elevation(13) !important;
+}
+.elevation-14 {
+  .elevation(14) !important;
+}
+.elevation-15 {
+  .elevation(15) !important;
+}
+.elevation-16 {
+  .elevation(16) !important;
+}
+.elevation-17 {
+  .elevation(17) !important;
+}
+.elevation-18 {
+  .elevation(18) !important;
+}
+.elevation-19 {
+  .elevation(19) !important;
+}
+.elevation-20 {
+  .elevation(20) !important;
+}
+.elevation-21 {
+  .elevation(21) !important;
+}
+.elevation-22 {
+  .elevation(22) !important;
+}
+.elevation-23 {
+  .elevation(23) !important;
+}
+.elevation-24 {
+  .elevation(24) !important;
+}
+
+
 & when (@includeIosTheme) {
   @import url('./typography-ios.less');
 }

src/core/less/mixins.less

@@ -383,7 +383,7 @@
     box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
   }
 }
-.md-elevation(@level:1) {
+.elevation(@level:1) {
   & when (@level = 1) {
     box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
   }