about summary refs log tree commit diff stats
path: root/static/css/poole.css
diff options
context:
space:
mode:
authorAntti Järvinen2015-04-08 21:59:45 +0300
committerAntti Järvinen2015-04-08 21:59:45 +0300
commit6d6546011f2d1aa172241124ff3de547b15b30bf (patch)
tree03eee58cefb0df5c2dba34db18f2216062348dc7 /static/css/poole.css
parent47f2ba81adf8702c33722350d0134dd96f08c1ed (diff)
downloadhyde-6d6546011f2d1aa172241124ff3de547b15b30bf.tar.lz
hyde-6d6546011f2d1aa172241124ff3de547b15b30bf.tar.zst
hyde-6d6546011f2d1aa172241124ff3de547b15b30bf.zip
Convert rem's to em's in breakpoints to fix layout jerking issue in e.g. iPad and when resizing viewport.
Diffstat (limited to 'static/css/poole.css')
-rw-r--r--static/css/poole.css6
1 files changed, 3 insertions, 3 deletions
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;
   }