Use min-width for em img, change h1 variable

phhorrein · Aug 26, 2015 · c894f1d · c894f1d
1 parent 95d1da6
commit c894f1d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -23,8 +23,8 @@ img {
 }
 
 em img {
-  max-width: $measure-width + 14;
-  margin-left: -7em;
+  max-width: 100%;
+  margin-left: 0;
 }
 
 body {

diff --git a/_sass/_media-queries.scss b/_sass/_media-queries.scss
@@ -42,15 +42,15 @@
   }
 }
 
-@media screen and (min-width: $viewport-large){
+@media screen and (min-width: $viewport-large) {
   html {
     font-size: 20px;
   }
 }
 
-@media screen and (max-width: $viewport-large){
+@media screen and (min-width: $viewport-large + 14) {
   em img {
-    max-width: 100%;
-    margin-left: 0;
+    max-width: $measure-width + 14;
+    margin-left: -7em;
   }
 }
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -7,7 +7,7 @@ $heading-font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif !default;
 $heading-font-weight: 900 !default;
 $heading-line-height: 1.25 !default;
 $monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
-$h1: 2rem !default;
+$h1: 2.998rem !default;
 $h2: 1.5rem !default;
 $h3: 1.25rem !default;
 $h4: 1rem !default;