summaryrefslogtreecommitdiff
path: root/static/css
diff options
context:
space:
mode:
authorSteve Francia <steve.francia@gmail.com>2015-05-01 17:10:52 -0400
committerSteve Francia <steve.francia@gmail.com>2015-05-01 17:10:52 -0400
commit1a7140a4d7fd4b5834178c721fdb636e96db2dd6 (patch)
treee468058b09c29773ff828158f0fd7b4f4be6d092 /static/css
parentd89bc2905e4c9d0ea07cef749dcd9b7dba6d86f4 (diff)
parent6d6546011f2d1aa172241124ff3de547b15b30bf (diff)
Merge pull request #10 from EitZei/master
Convert rem's to em's in breakpoints
Diffstat (limited to 'static/css')
-rw-r--r--static/css/hyde.css16
-rw-r--r--static/css/poole.css6
2 files changed, 11 insertions, 11 deletions
diff --git a/static/css/hyde.css b/static/css/hyde.css
index 5ef814c..1ddbdda 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;
@@ -105,7 +105,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;
@@ -126,7 +126,7 @@ a.sidebar-nav-item:focus {
padding-bottom: 4rem;
}
-@media (min-width: 48rem) {
+@media (min-width: 48em) {
.content {
max-width: 38rem;
margin-left: 20rem;
@@ -134,7 +134,7 @@ a.sidebar-nav-item:focus {
}
}
-@media (min-width: 64rem) {
+@media (min-width: 64em) {
.content {
margin-left: 22rem;
margin-right: 4rem;
@@ -148,7 +148,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;
@@ -159,7 +159,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 974daa3..7ddd054 100644
--- a/static/css/poole.css
+++ b/static/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;
}
@@ -193,7 +193,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;
@@ -382,7 +382,7 @@ a.pagination-item:hover {
background-color: #f5f5f5;
}
-@media (min-width: 30rem) {
+@media (min-width: 30em) {
.pagination {
margin: 3rem 0;
}