From c05f56b4d60cb2b70268fffa55b1c56d476766bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 3 Aug 2018 14:02:39 +0200
Subject: [PATCH] MOBILE-2505 ux: Format headings on core-format-text

---
 src/app/app.scss | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/app/app.scss b/src/app/app.scss
index b94b80ce2..6fafaea6b 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -69,6 +69,29 @@
   }
 }
 
+@mixin core-headings() {
+  h1 {
+    font-size: 3rem;
+  }
+  h2 {
+    font-size: 2.8rem;
+  }
+  h3 {
+    font-size: 2.6rem;
+  }
+  h4 {
+    font-size: 2.2rem;
+  }
+  h5 {
+    font-size: 1.8rem;
+  }
+  h6 {
+    font-size: 1.4rem;
+  }
+}
+
+
+
 // Define an alternative way to set a heading in an item without using a heading tag.
 // This is done for accessibility reasons when a heading is semantically incorrect.
 .item .item-heading {
@@ -340,6 +363,12 @@ core-format-text {
     height: initial !important;
     display: inline-block !important;
   }
+
+  @include core-headings();
+}
+
+.item core-format-text {
+  @include core-headings();
 }
 
 // Images in ion-card have width 100% and display block. Remove that when the image is in core-format-text.