From b7fed07a16ece56ab018c8566e9dc9a7755e9875 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Tue, 12 Jul 2022 23:51:48 +0300
Subject: [PATCH] Theme: font size

---
 src/assets/styles/_common-variables.scss  | 1 +
 src/assets/styles/common-base-screen.scss | 2 +-
 src/assets/styles/common-checkbox.scss    | 2 +-
 src/assets/styles/common-components.scss  | 2 +-
 src/assets/styles/common-controls.scss    | 2 +-
 src/assets/styles/common-inputs.scss      | 2 +-
 src/assets/styles/common-layout.scss      | 2 +-
 src/assets/styles/common-menu.scss        | 2 +-
 src/assets/styles/common-texts.scss       | 6 +++---
 src/assets/styles/common-toasts.scss      | 2 +-
 10 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/assets/styles/_common-variables.scss b/src/assets/styles/_common-variables.scss
index 871a793..b7585f7 100644
--- a/src/assets/styles/_common-variables.scss
+++ b/src/assets/styles/_common-variables.scss
@@ -41,6 +41,7 @@ body {
     --iqser-blue-5: #c5d3eb;
     --iqser-pink-1: #f125de;
     --iqser-helpmode-primary: green;
+    --iqser-font-size: 13px;
     --iqser-button-radius: 17px;
     --iqser-button-font-size: 13px;
     --iqser-button-height: 34px;
diff --git a/src/assets/styles/common-base-screen.scss b/src/assets/styles/common-base-screen.scss
index 9922f3d..f70589b 100644
--- a/src/assets/styles/common-base-screen.scss
+++ b/src/assets/styles/common-base-screen.scss
@@ -24,7 +24,7 @@
         font-family: 'OpenSans Extrabold', sans-serif;
         margin-left: 10px;
         height: 20px;
-        font-size: 13px;
+        font-size: var(--iqser-font-size);
         font-weight: 800;
         letter-spacing: 0;
         line-height: 20px;
diff --git a/src/assets/styles/common-checkbox.scss b/src/assets/styles/common-checkbox.scss
index 765f013..2965c7e 100644
--- a/src/assets/styles/common-checkbox.scss
+++ b/src/assets/styles/common-checkbox.scss
@@ -18,7 +18,7 @@
     }
 
     .mat-checkbox-label {
-        font-size: 13px;
+        font-size: var(--iqser-font-size);
         color: var(--iqser-text);
 
         display: flex;
diff --git a/src/assets/styles/common-components.scss b/src/assets/styles/common-components.scss
index a1954ac..b3907a6 100644
--- a/src/assets/styles/common-components.scss
+++ b/src/assets/styles/common-components.scss
@@ -18,7 +18,7 @@
     &.large {
         height: 32px;
         width: 32px;
-        font-size: 13px;
+        font-size: var(--iqser-font-size);
     }
 
     &.gray-dark {
diff --git a/src/assets/styles/common-controls.scss b/src/assets/styles/common-controls.scss
index 0782653..238c86b 100644
--- a/src/assets/styles/common-controls.scss
+++ b/src/assets/styles/common-controls.scss
@@ -7,7 +7,7 @@
         color: var(--iqser-accent);
         background: var(--iqser-white);
         font-family: var(--iqser-font-family);
-        font-size: 13px;
+        font-size: var(--iqser-font-size);
         line-height: 14px;
         padding: 10px 14px;
         transition: color 0.25s ease-in-out;
diff --git a/src/assets/styles/common-inputs.scss b/src/assets/styles/common-inputs.scss
index faf3afe..5fbfba4 100644
--- a/src/assets/styles/common-inputs.scss
+++ b/src/assets/styles/common-inputs.scss
@@ -99,7 +99,7 @@ form .iqser-input-group:not(first-of-type) {
         padding-right: 11px;
         border: 1px solid var(--iqser-inputs-outline);
         font-family: var(--iqser-font-family);
-        font-size: 13px;
+        font-size: var(--iqser-font-size);
         background-color: var(--iqser-background);
         color: var(--iqser-text);
         border-radius: 8px;
diff --git a/src/assets/styles/common-layout.scss b/src/assets/styles/common-layout.scss
index 01f97fb..47629ab 100644
--- a/src/assets/styles/common-layout.scss
+++ b/src/assets/styles/common-layout.scss
@@ -8,7 +8,7 @@ body {
     font-family: var(--iqser-font-family);
     color: var(--iqser-text);
     background-color: var(--iqser-background);
-    font-size: 13px;
+    font-size: var(--iqser-font-size);
     line-height: 16px;
     display: flex;
     overflow: hidden;
diff --git a/src/assets/styles/common-menu.scss b/src/assets/styles/common-menu.scss
index f2586b9..94e07e0 100644
--- a/src/assets/styles/common-menu.scss
+++ b/src/assets/styles/common-menu.scss
@@ -23,7 +23,7 @@
     }
 
     .mat-menu-item {
-        font-size: 13px;
+        font-size: var(--iqser-font-size);
         color: var(--iqser-text);
         padding: 0 26px 0 8px;
         margin: 0 8px 2px 8px;
diff --git a/src/assets/styles/common-texts.scss b/src/assets/styles/common-texts.scss
index 09bb8ba..df7108c 100644
--- a/src/assets/styles/common-texts.scss
+++ b/src/assets/styles/common-texts.scss
@@ -74,13 +74,13 @@ pre {
 }
 
 .info {
-    font-size: 13px;
+    font-size: var(--iqser-font-size);
     line-height: 18px;
     @extend .text-muted;
 }
 
 .page-title {
-    font-size: 13px;
+    font-size: var(--iqser-font-size);
     font-weight: 600;
     line-height: 18px;
     text-align: center;
@@ -109,7 +109,7 @@ pre {
 
 .large-label {
     color: var(--iqser-text);
-    font-size: 13px;
+    font-size: var(--iqser-font-size);
     line-height: 16px;
 }
 
diff --git a/src/assets/styles/common-toasts.scss b/src/assets/styles/common-toasts.scss
index 9f48749..7e45ad5 100644
--- a/src/assets/styles/common-toasts.scss
+++ b/src/assets/styles/common-toasts.scss
@@ -6,7 +6,7 @@ $toast-width: 400px;
     border-radius: 8px;
     background-image: none;
     font-family: var(--iqser-font-family);
-    font-size: 13px;
+    font-size: var(--iqser-font-size);
     line-height: 18px;
     width: $toast-width;
     display: flex;