From: Mark Otto <otto@github.com>
Date: Tue, 1 Apr 2014 17:57:54 +0000 (-0700)
Subject: Fix #7: Use ems in media queries because Mobile Safari has trouble with rem media... 
X-Git-Url: http://git.bitcoin.ninja/?a=commitdiff_plain;h=e07f84d27c8417177fb29115565a27b7aedc4476;p=blog

Fix #7: Use ems in media queries because Mobile Safari has trouble with rem media queries
---

diff --git a/public/css/poole.css b/public/css/poole.css
index 49309a1..8142189 100644
--- a/public/css/poole.css
+++ b/public/css/poole.css
@@ -52,7 +52,7 @@ html {
   font-size: 16px;
   line-height: 1.5;
 }
-@media (min-width: 38rem) {
+@media (min-width: 38em) {
   html {
     font-size: 20px;
   }
@@ -217,7 +217,7 @@ blockquote {
 blockquote p:last-child {
   margin-bottom: 0;
 }
-@media (min-width: 30rem) {
+@media (min-width: 30em) {
   blockquote {
     padding-right: 5rem;
     padding-left: 1.25rem;
@@ -406,7 +406,7 @@ a.pagination-item:hover {
   background-color: #f5f5f5;
 }
 
-@media (min-width: 30rem) {
+@media (min-width: 30em) {
   .pagination {
     margin: 3rem 0;
   }