[PHP-WEBMASTER] com web/shared: EXPERIMENTAL: scaling the font-size up with view-port size: styles/defaults.css

[Levi Morrison]

Commit:    ba17589b120ef90340779421ac5245d0550544e2
Author:    Levi Morrison <le...@php.net>         Thu, 3 Apr 2014 15:14:49 -0600
Parents:   1a06ad17780f64e0c694a1df5b1e1f80a8892873
Branches:  master

Link:       
http://git.php.net/?p=web/shared.git;a=commitdiff;h=ba17589b120ef90340779421ac5245d0550544e2

Log:
EXPERIMENTAL: scaling the font-size up with view-port size

This was really hard to test without being live. If it does not
seem to be helping it will be easy to change back.

Changed paths:
  M  styles/defaults.css


Diff:
diff --git a/styles/defaults.css b/styles/defaults.css
index 5f51f55..a8e4c9e 100644
--- a/styles/defaults.css
+++ b/styles/defaults.css
@@ -18,9 +18,12 @@
  */
 
 /* {{{ Base styles */
+html {
+  font-size:100%;
+}
 body {
   color: #444 !important;
-  font: normal 1em/1.5 Tahoma, Arial, sans-serif, serif, monospace;
+  font: normal 1rem/1.5 Tahoma, Arial, sans-serif, serif, monospace;
   background-color: #C4C9DF;
   width: 100%;
   overflow-y: scroll;
@@ -305,10 +308,6 @@ th {
   }
 }
 @media (min-width: 641px) {
-  .fullscreen,
-  footer {
-    width: 100%;
-  }
   img {
     max-width: 100%
   }
@@ -316,7 +315,7 @@ th {
 
 @media (min-width: 1020px) {
   .fullscreen {
-    width: 90%;
+    max-width: 80rem;
     margin: 0 auto;
   }
   .mainscreen {
@@ -344,9 +343,19 @@ th {
     margin: 0;
   }
 }
-@media (min-width: 1680px) {
-  .fullscreen {
-    max-width: 1700px;
+@media (min-width:1280px) {
+  html {
+    font-size:112.5%;
+  }
+}
+@media (min-width:1920px) {
+  html {
+    font-size:125%;
+  }
+}
+@media (min-width:2560px) {
+  html {
+    font-size:150%;
   }
 }
 /* }}} */


--
PHP Webmaster List Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php