com web/shared: EXPERIMENTAL: scaling the font-size up with view-port size: styles/defaults.css
| From: | Levi Morrison | Date: | Thu, 03 Apr 2014 21:15:04 +0000 |
| Subject: | com web/shared: EXPERIMENTAL: scaling the font-size up with view-port size: styles/defaults.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-18684@lists.php.net to get a copy of this message | ||
Commit: ba17589b120ef90340779421ac5245d0550544e2
Author: Levi Morrison <levim@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%;
}
}
/* }}} */