diff options
Diffstat (limited to 'sass/parts/_post.scss')
| -rw-r--r-- | sass/parts/_post.scss | 29 |
1 files changed, 12 insertions, 17 deletions
diff --git a/sass/parts/_post.scss b/sass/parts/_post.scss index 1b5f554..de9c78c 100644 --- a/sass/parts/_post.scss +++ b/sass/parts/_post.scss @@ -1,6 +1,9 @@ .post{ h1.title, .entry{ margin-left: 200px; + @media screen and (max-width: 800px){ + margin-left: 0; + } } .meta{ position: absolute; @@ -9,12 +12,21 @@ font-size: $meta-size; color: $gray02; width: 170px; + @media screen and (max-width: 800px){ + margin-top: 15px; + position: static; + width: auto; + } a{ @include link-colors($gray02, $gray01); @include transition(0.3s); } .date, .tags, .comments{ padding-left: 30px; + @media screen and (max-width: 800px){ + @include inline-block; + margin-right: 30px; + } } .date{ background: image-url('date.png') 0 center no-repeat; @@ -26,21 +38,4 @@ background: image-url('comments.png') 0 center no-repeat; } } -} - -@media screen and (max-width: 800px){ - .post{ - h1.title, .entry{ - margin-left: 0; - } - .meta{ - margin-top: 15px; - position: static; - width: auto; - .date, .tags, .comments{ - @include inline-block; - margin-right: 30px; - } - } - } }
\ No newline at end of file |