move media queries

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