diff options
author | Rory Gibson <rg.rorygibson@gmail.com> | 2014-01-22 01:09:23 +0400 |
---|---|---|
committer | Rory Gibson <rg.rorygibson@gmail.com> | 2014-01-22 01:09:23 +0400 |
commit | 94eecff6d20ed6c1dd235d896095ffb512e8a532 (patch) | |
tree | ce36ee0b5fd09fd2b5669bc78373257e5440780e | |
parent | 901bcdeb7290f4403c303a05d1a8278195e4aab6 (diff) |
Responsiveness tweaks
-rw-r--r-- | assets/css/style.css | 23 | ||||
-rw-r--r-- | assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc | bin | 42691 -> 44623 bytes | |||
-rw-r--r-- | assets/sass/style.scss | 23 | ||||
-rw-r--r-- | index.hbs | 2 | ||||
-rw-r--r-- | page.hbs | 2 | ||||
-rw-r--r-- | post.hbs | 2 |
6 files changed, 45 insertions, 7 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 04faec6..250f96e 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -199,7 +199,7 @@ table { #latest-post { display: none; } -.post { +.post-container { margin: 0 40px; } .post-header { @@ -363,13 +363,30 @@ table { /* ============================================================ */ /* Media Queries */ /* ============================================================ */ +@media only screen and (max-width: 800px) { + .post-stub-tag { + display: none; } } @media only screen and (max-width: 600px) { + .site-nav-item { + display: block; + margin: 15px 0; } + .post-stub-title { display: block; } .post-stub-date:before { content: ""; - display: block; } } + display: block; } + + .post-container, + .post-list { + margin-right: 25px; + margin-left: 25px; } } @media only screen and (max-width: 400px) { .post-title { - font-size: 32px; } } + font-size: 32px; } + + .post-container, + .post-list { + margin-right: 15px; + margin-left: 15px; } } diff --git a/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc b/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc Binary files differindex e8fbc06..7e47593 100644 --- a/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc +++ b/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc diff --git a/assets/sass/style.scss b/assets/sass/style.scss index cf3c616..a42f434 100644 --- a/assets/sass/style.scss +++ b/assets/sass/style.scss @@ -226,7 +226,7 @@ table { #latest-post { display: none; } -.post { margin: 0 40px; } +.post-container { margin: 0 40px; } .post-header { border-bottom: 6px solid $secondary; @@ -420,15 +420,36 @@ table { /* Media Queries */ /* ============================================================ */ +@media only screen and (max-width: 800px) { + .post-stub-tag { display: none; } +} + @media only screen and (max-width: 600px) { + .site-nav-item { + display: block; + margin: 15px 0; + } + .post-stub-title { display: block; } .post-stub-date:before { content: ""; display: block; } + + .post-container, + .post-list { + margin-right: 25px; + margin-left: 25px; + } } @media only screen and (max-width: 400px) { .post-title { font-size: 32px; } + + .post-container, + .post-list { + margin-right: 15px; + margin-left: 15px; + } }
\ No newline at end of file @@ -3,7 +3,7 @@ <div id="latest-post" class="container"> {{#foreach posts}} {{#if @first}} - <article class="{{post_class}}"> + <article class="post-container {{post_class}}"> <header class="post-header"> <h1 class="post-title">{{title}}</h1> @@ -2,7 +2,7 @@ <div class="container"> {{#post}} - <article class="{{post_class}}"> + <article class="post-container {{post_class}}"> <header class="post-header"> <h1 class="post-title">{{title}}</h1> @@ -2,7 +2,7 @@ <div class="container"> {{#post}} - <article class="{{post_class}}"> + <article class="post-container {{post_class}}"> <header class="post-header"> <h1 class="post-title">{{title}}</h1> |