Browse files

Respond quicker, adjust picture of self for very small devices

  • Loading branch information...
1 parent a4611ed commit 25a69b7b96fb8948f653e13b9028533b03d906d3 Jeff Johnson committed Oct 22, 2012
Showing with 25 additions and 5 deletions.
  1. +12 −3 css/main.css
  2. +13 −2 css/main.scss
View
15 css/main.css
@@ -312,8 +312,11 @@ a, a:visited, a:hover {
font-size: 25px;
height: 20px; }
#container.sticky #sections {
- margin-top: 120px; } }
-@media only screen and (max-width: 720px) {
+ margin-top: 120px; }
+
+ body {
+ font-size: 18px; } }
+@media only screen and (max-width: 800px) {
/* Style adjustments for viewports that meet the condition */
.photo-display {
float: none;
@@ -347,7 +350,13 @@ a, a:visited, a:hover {
#container.sticky #nav-group a i {
float: none; }
#container.sticky #nav-group a span {
- display: none; } }
+ display: none; }
+
+ body {
+ font-size: 15px; } }
+@media only screen and (max-width: 600px) {
+ #header #right-aside {
+ float: none; } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */ }
/* ==========================================================================
View
15 css/main.scss
@@ -365,14 +365,18 @@ a, a:visited, a:hover {
margin-top: 120px;
}
}
+ body {
+ font-size: 18px;
+ }
}
-@media only screen and (max-width: 720px) {
+@media only screen and (max-width: 800px) {
/* Style adjustments for viewports that meet the condition */
.photo-display {
float: none;
margin-top: 0;
}
+
.subsection {
.copy {
width: 100%;
@@ -410,8 +414,15 @@ a, a:visited, a:hover {
}
}
}
+ body {
+ font-size: 15px;
+ }
+}
+@media only screen and (max-width: 600px) {
+ #header #right-aside {
+ float: none;
+ }
}
-
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */

0 comments on commit 25a69b7

Please sign in to comment.