From: Mark Otto 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/index.cgi?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; }