Add support for font size setting

Remove fixed font sizes Add default font sizes to defaults.json Pull latest HTML
KhalisFoundation · Apr 22, 2017 · 5aaa55d · 5aaa55d
1 parent a89965a
commit 5aaa55d
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 10 deletions.
diff --git a/www/core b/www/core
diff --git a/www/js/defaults.json b/www/js/defaults.json
@@ -14,6 +14,12 @@
         "display-transliteration": true,
         "display-teeka": true
       },
+      "font-sizes": {
+        "gurbani": 9,
+        "translation": 5,
+        "transliteration": 4,
+        "teeka": 4
+      },
       "display-options": {
         "larivaar": false
       }

diff --git a/www/src/scss/viewer.scss b/www/src/scss/viewer.scss
@@ -85,9 +85,8 @@ h2 {
 }
 
 .gurbani {
-  font-size: 9vh;
   font-weight: normal;
-  line-height: 1.3em;
+  line-height: 1.3;
 
   i {
     font-style: normal;
@@ -102,7 +101,6 @@ h2 {
 
     i,
     span {
-      font-size: 9vh;
       vertical-align: bottom;
       white-space: nowrap;
     }
@@ -116,18 +114,12 @@ h2 {
   line-height: 1.2;
 }
 
-.translation {
-  font-size: 5vh;
-}
-
 .transliteration {
-  font-size: 4vh;
   text-transform: lowercase;
 }
 
 .teeka {
   font-family: 'AnmolUniBaniTrue';
-  font-size: 4vh;
   line-height: 1.5;
 }
 
@@ -147,6 +139,18 @@ h2 {
   opacity: 1;
 }
 
+/* ***** FONT SIZES ***** */
+@for $i from 1 through 12 {
+  .gurbani-#{$i} .gurbani,
+  .gurbani-#{$i} .gurbani span,
+  .gurbani-#{$i} .gurbani i,
+  .translation-#{$i} .translation,
+  .transliteration-#{$i} .transliteration,
+  .teeka-#{$i} .teeka {
+    font-size: #{$i}vh;
+  }
+}
+
 #logo {
   display: none;
   height: 20%;