From 98e6d265b96cd15b5f3f9eba0ec758d96b374325 Mon Sep 17 00:00:00 2001 From: Alan Pearce Date: Sat, 30 Aug 2014 17:11:20 +0100 Subject: Convert rem media-queries to em --- static/css/hyde.css | 16 ++++++++-------- static/css/poole.css | 6 +++--- 2 files changed, 11 insertions(+), 11 deletions(-) (limited to 'static') diff --git a/static/css/hyde.css b/static/css/hyde.css index 1e90233..b6186a4 100644 --- a/static/css/hyde.css +++ b/static/css/hyde.css @@ -34,12 +34,12 @@ html { font-family: "PT Sans", Helvetica, Arial, sans-serif; } -@media (min-width: 48rem) { +@media (min-width: 48em) { html { font-size: 16px; } } -@media (min-width: 58rem) { +@media (min-width: 58em) { html { font-size: 20px; } @@ -59,7 +59,7 @@ html { color: rgba(255,255,255,.5); background-color: #202020; } -@media (min-width: 48rem) { +@media (min-width: 48em) { .sidebar { position: fixed; top: 0; @@ -114,7 +114,7 @@ a.sidebar-nav-item:focus { * contents to the bottom of the sidebar in tablets and up. */ -@media (min-width: 48rem) { +@media (min-width: 48em) { .sidebar-sticky { position: absolute; right: 1rem; @@ -135,7 +135,7 @@ a.sidebar-nav-item:focus { padding-bottom: 4rem; } -@media (min-width: 48rem) { +@media (min-width: 48em) { .content { max-width: 38rem; margin-left: 20rem; @@ -143,7 +143,7 @@ a.sidebar-nav-item:focus { } } -@media (min-width: 64rem) { +@media (min-width: 64em) { .content { margin-left: 22rem; margin-right: 4rem; @@ -157,7 +157,7 @@ a.sidebar-nav-item:focus { * Flip the orientation of the page by placing the `.sidebar` on the right. */ -@media (min-width: 48rem) { +@media (min-width: 48em) { .layout-reverse .sidebar { left: auto; right: 0; @@ -168,7 +168,7 @@ a.sidebar-nav-item:focus { } } -@media (min-width: 64rem) { +@media (min-width: 64em) { .layout-reverse .content { margin-left: 4rem; margin-right: 22rem; diff --git a/static/css/poole.css b/static/css/poole.css index 1a2ccec..ebf1fd3 100644 --- a/static/css/poole.css +++ b/static/css/poole.css @@ -56,7 +56,7 @@ html { font-size: 16px; line-height: 1.5; } -@media (min-width: 38rem) { +@media (min-width: 38em) { html { font-size: 20px; } @@ -197,7 +197,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; @@ -386,7 +386,7 @@ a.pagination-item:hover { background-color: #f5f5f5; } -@media (min-width: 30rem) { +@media (min-width: 30em) { .pagination { margin: 3rem 0; } -- cgit 1.4.1