adjust font size dynamically
authorrekado <rekado@elephly.net>
Wed, 5 Nov 2014 21:33:38 +0000 (22:33 +0100)
committerrekado <rekado@elephly.net>
Wed, 5 Nov 2014 21:33:38 +0000 (22:33 +0100)
css/screen.css

index c6c2a32677e0869c852068dc90ce68fef62d16ce..c1a004d6d1bc8c541fb931887f7eb7dd6c6e2942 100644 (file)
@@ -1,12 +1,21 @@
 html, body {
   font-family: "droid serif", Georgia, Gentium, Goudy, "Book Antiqua", "Linux Libertine", "Times New Roman", serif;
-  font-size: 16px;
-  line-height: 1.3em;
+  text-rendering: optimizelegibility;
+-moz-font-feature-settings: "liga";
+  line-height: 130%;
   color: #333;
-  background: #eeede5; }
+  background: #fcfbf3; }
+
+@media all {html {font-size: 24px;}}
+@media all and (max-width:1000px){html {font-size: 24px;}}
+@media all and (max-width:960px){html {font-size: 23px;}}
+@media all and (max-width:920px){html {font-size: 22px;}}
+@media all and (max-width:880px){html {font-size: 21px;}}
+@media all and (max-width:840px){html {font-size: 20px;}}
+@media all and (max-width:800px){html {font-size: 19px;}}
+@media all and (max-width:760px){html {font-size: 18px;}}
 
 body {
-  font-size: 1.2em;
   margin: 0 auto; }
   body .elephly {
     background: #bdc0ac; }