Correct SCSS indent syntax and order

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>

1 files changed, 61 insertions, 63 deletions

diff --git a/src/components/TimelinePost.vue b/src/components/TimelinePost.vue
index dfff0bad..6e09eaf0 100644
--- a/src/components/TimelinePost.vue
+++ b/src/components/TimelinePost.vue
@@ -200,81 +200,79 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.post-author {
-	font-weight: bold;
-}
+.entry-content {
+	display: flex;
 
-.post-author-id {
-	opacity: .7;
-}
+	.post-avatar {
+		margin: 5px;
+		margin-right: 10px;
+		border-radius: 50%;
+		overflow: hidden;
+		width: 32px;
+		height: 32px;
+		min-width: 32px;
+		flex-shrink: 0;
+	}
 
-.post-avatar {
-	margin: 5px;
-	margin-right: 10px;
-	border-radius: 50%;
-	overflow: hidden;
-	width: 32px;
-	height: 32px;
-	min-width: 32px;
-	flex-shrink: 0;
-}
+	.post-content {
+		flex-grow: 1;
 
-.post-timestamp {
-	width: 120px;
-	text-align: right;
-	flex-shrink: 0;
-}
+		.post-header {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
 
-.post-actions {
-	margin-left: -13px;
-	height: 44px;
+			.post-author {
+				font-weight: bold;
+			}
 
-	.post-actions-more {
-		position: relative;
-		width: 44px;
-		height: 34px;
-		display: inline-block;
-	}
-	.icon-reply,
-	.icon-boost,
-	.icon-boosted,
-	.icon-starred,
-	.icon-favorite,
-	.icon-more {
-		display: inline-block;
-		width: 44px;
-		height: 34px;
-		opacity: .5;
-		&:hover, &:focus {
-			opacity: 1;
+			.post-author-id {
+				opacity: .7;
+			}
+
+			.post-timestamp {
+				width: 120px;
+				text-align: right;
+				flex-shrink: 0;
+			}
 		}
-	}
-	.icon-boosted {
-		opacity: 1;
-	}
-}
 
-span {
-	/* opacity: 0.5; */
-}
-.entry-content {
-	display: flex;
-}
+		.post-actions {
+			margin-left: -13px;
+			height: 44px;
 
-.post-content {
-	flex-grow: 1;
-}
+			.post-actions-more {
+				position: relative;
+				width: 44px;
+				height: 34px;
+				display: inline-block;
+			}
 
-.post-header {
-	display: flex;
-	flex-direction: row;
-	justify-content: space-between;
-}
+			.icon-reply,
+			.icon-boost,
+			.icon-boosted,
+			.icon-starred,
+			.icon-favorite,
+			.icon-more {
+				display: inline-block;
+				width: 44px;
+				height: 34px;
+				opacity: .5;
 
-.post-timestamp {
-	opacity: .7;
+				&:hover,
+				&:focus {
+					opacity: 1;
+				}
+			}
+
+			.icon-boosted {
+				opacity: 1;
+			}
+		}
+	}
 }
 </style>
+
 <style>
 .post-message a {
 	text-decoration: underline;