fix: add scaling to h1 h2 and h3 (#98)

wework · Mar 29, 2019 · 7066307 · 7066307
1 parent 519f3eb
commit 7066307
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/packages/core/src/global/_typography.scss b/packages/core/src/global/_typography.scss
@@ -112,15 +112,27 @@
   }
 
   .#{$ray-class-prefix}text--h1 {
-    @include ray-h1;
+    @include ray-h2;
+
+    @media (min-width: map-get($ray-grid-breakpoints, md)) {
+      @include ray-h1;
+    }
   }
 
   .#{$ray-class-prefix}text--h2 {
-    @include ray-h2;
+    @include ray-h3;
+
+    @media (min-width: map-get($ray-grid-breakpoints, md)) {
+      @include ray-h2;
+    }
   }
 
   .#{$ray-class-prefix}text--h3 {
-    @include ray-h3;
+    @include ray-h4;
+
+    @media (min-width: map-get($ray-grid-breakpoints, md)) {
+      @include ray-h3;
+    }
   }
 
   .#{$ray-class-prefix}text--h4 {