diff options
author | 2014-06-20 17:28:02 -0400 | |
---|---|---|
committer | 2014-06-20 17:28:02 -0400 | |
commit | ebeecf0bb1700d4940ad8d68171b1b9f2d8a7608 (patch) | |
tree | 356ffe80fef2301d7bf0beca702e1730e5a8a5ad | |
parent | bdddc6b4b98b244e5b9f5202f9616310f233adcc (diff) | |
download | kompetenzbolzen.github.io-ebeecf0bb1700d4940ad8d68171b1b9f2d8a7608.tar.gz |
Move to mobile view earlier at 640px
-rw-r--r-- | scss/_variables.scss | 2 | ||||
-rw-r--r-- | style.css | 14 |
2 files changed, 8 insertions, 8 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss index 1a6fb6f..5ec3394 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -21,7 +21,7 @@ $georgia: Georgia, serif; // Mobile breakpoints @mixin mobile { - @media screen and (max-width: 520px) { + @media screen and (max-width: 640px) { @content; } }
\ No newline at end of file @@ -58,7 +58,7 @@ h1, h2, h3, h4, h5, h6 { line-height: 1.7; margin: 1em 0 15px; padding: 0; } - @media screen and (max-width: 520px) { + @media screen and (max-width: 640px) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } } @@ -142,7 +142,7 @@ img { .masthead { padding: 20px 0; border-bottom: 1px solid #eeeeee; } - @media screen and (max-width: 520px) { + @media screen and (max-width: 640px) { .masthead { text-align: center; } } @@ -151,7 +151,7 @@ img { width: 70px; height: 70px; margin-right: 15px; } - @media screen and (max-width: 520px) { + @media screen and (max-width: 640px) { .site-avatar { float: none; display: block; @@ -161,7 +161,7 @@ img { .site-info { float: left; } - @media screen and (max-width: 520px) { + @media screen and (max-width: 640px) { .site-info { float: none; display: block; @@ -180,7 +180,7 @@ img { margin: -5px 0 0 0; color: #666666; font-size: 16px; } - @media screen and (max-width: 520px) { + @media screen and (max-width: 640px) { .site-description { margin: 3px 0; } } @@ -189,7 +189,7 @@ nav { margin-top: 23px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; } - @media screen and (max-width: 520px) { + @media screen and (max-width: 640px) { nav { float: none; margin-top: 9px; @@ -201,7 +201,7 @@ nav { text-align: right; font-weight: 300; letter-spacing: 1px; } - @media screen and (max-width: 520px) { + @media screen and (max-width: 640px) { nav a { margin: 0 10px; color: #4183c4; } } |