matcha-core 1.1.19 → 1.1.21

package/core.scss

@@ -22,17 +22,17 @@
 // Media step breakpoint mixin based on Angular Material lib
 $breakpoints: (
     xs: 'screen and (max-width: 599px)',
-    sm: 'screen and (min-width: 600px) and (max-width: 1347px)',
-    md: 'screen and (min-width: 1348px) and (max-width: 1439px)',
+    sm: 'screen and (min-width: 600px) and (max-width: 1023px)',
+    md: 'screen and (min-width: 1024px) and (max-width: 1439px)',
     lg: 'screen and (min-width: 1440px) and (max-width: 1919px)',
     xl: 'screen and (min-width: 1920px) and (max-width: 5000px)',
     lt-sm: 'screen and (max-width: 599px)',
-    lt-md: 'screen and (max-width: 1347px)',
+    lt-md: 'screen and (max-width: 1023px)',
     lt-lg: 'screen and (max-width: 1439px)',
     lt-xl: 'screen and (max-width: 1919px)',
-    gt-xs: 'screen and (min-width: 600px)', //
-    gt-sm: 'screen and (min-width: 1348px)', //old size - 980px > 1360px
-    gt-md: 'screen and (min-width: 1440px)', //old size - 1280px
+    gt-xs: 'screen and (min-width: 600px)',
+    gt-sm: 'screen and (min-width: 1024px)',
+    gt-md: 'screen and (min-width: 1440px)',
     gt-lg: 'screen and (min-width: 1920px)'
 ) !default;
 
@@ -715,8 +715,8 @@ $base-font-size: 16px;
             $infix: if($materialBreakpoint == null, "", "-#{$breakpoint}");
 
             $index: 0;
-            @while $index <= 36 {
-                $height: $index * 2;
+            @while $index <= 100 {
+                $height: $index * 1;
 
                 .lh#{$infix}-#{$height} {
                     line-height: #{$height}px;