From a9acdff7b3249794e002bffff52c07babc3d9d06 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Fri, 11 Nov 2022 13:55:07 +0200
Subject: [PATCH] Add mobile rules for headings and text modifiers

---
 less/base.less    | 12 ++++++------
 less/heading.less |  5 +++++
 less/text.less    |  7 +++++++
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/less/base.less b/less/base.less
index b84f070..cd0f22d 100644
--- a/less/base.less
+++ b/less/base.less
@@ -10,18 +10,18 @@
 
 /** H1, H2, H3, H4, H5, H6 */
 @base-h1-font-size-m: 66px;
-@base-h1-font-size: 52px;
+@base-h1-font-size:37px;
 @base-h1-line-height: 1.25;
 @base-h2-font-size-m: 52px;
-@base-h2-font-size: 41px;
+@base-h2-font-size: 32px;
 @base-h2-line-height: 1.25;
-@base-h3-font-size: 41px;
+@base-h3-font-size: 26px;
 @base-h3-line-height: 1.25;
-@base-h4-font-size: 32px;
+@base-h4-font-size: 23px;
 @base-h4-line-height: 1.25;
-@base-h5-font-size: 26px;
+@base-h5-font-size: 20px;
 @base-h5-line-height: 1.25;
-@base-h6-font-size: 20px;
+@base-h6-font-size: 18px;
 @base-h6-line-height: 1.34;
 
 /** Selection */
diff --git a/less/heading.less b/less/heading.less
index 6aa9e69..766c195 100644
--- a/less/heading.less
+++ b/less/heading.less
@@ -2,22 +2,27 @@
 @heading-line-height: 1.25;
 
 @heading-small-font-size-l: 74px;
+@heading-small-font-size: 41px;
 @heading-small-font-weight: @heading-font-weight;
 @heading-small-line-height: @heading-line-height;
 
 @heading-medium-font-size-l: 83px;
+@heading-medium-font-size: 52px;
 @heading-medium-font-weight: @heading-font-weight;
 @heading-medium-line-height: @heading-line-height;
 
 @heading-large-font-size-l: 94px;
+@heading-large-font-size: 52px;
 @heading-large-font-weight: @heading-font-weight;
 @heading-large-line-height: @heading-line-height;
 
 @heading-xlarge-font-size-l: 119px;
+@heading-xlarge-font-size: 52px;
 @heading-xlarge-font-weight: @heading-font-weight;
 @heading-xlarge-line-height: @heading-line-height;
 
 @heading-2xlarge-font-size-l: 133px;
+@heading-2xlarge-font-size: 52px;
 @heading-2xlarge-font-weight: @heading-font-weight;
 @heading-2xlarge-line-height: @heading-line-height;
 
diff --git a/less/text.less b/less/text.less
index fe3eadb..36791fc 100644
--- a/less/text.less
+++ b/less/text.less
@@ -1,3 +1,4 @@
+@text-large-font-size-medium-max: @global-large-font-size - 2px;
 @text-xsmall-font-size: @global-xsmall-font-size;
 @text-xsmall-line-height: 1.5 * @global-xsmall-font-size;
 @text-small-line-height: 1.5 * @global-small-font-size;
@@ -37,5 +38,11 @@
   }
 }
 
+@media only screen and (max-width: @breakpoint-medium-max) {
+  .uk-text-large {
+    font-size: @text-large-font-size-medium-max !important;
+  }
+}
+