Add stylelint

Signed-off-by: Louis Chemineau <louis@chmn.me>

8 files changed, 89 insertions, 98 deletions

diff --git a/src/components/Composer/Composer.vue b/src/components/Composer/Composer.vue
index c5bb230c..9ef2c37a 100644
--- a/src/components/Composer/Composer.vue
+++ b/src/components/Composer/Composer.vue
@@ -669,8 +669,7 @@ export default {
 		right: 0;
 		top: 2;
 	}
-</style>
-<style>
+
 	/* Tribute-specific styles TODO: properly scope component css */
 	.tribute-container {
 		position: absolute;
@@ -685,71 +684,72 @@ export default {
 		z-index: 999999;
 		border-radius: 4px;
 		box-shadow: 0 1px 3px var(--color-box-shadow);
-	}
 
-	.tribute-container ul {
-		margin: 0;
-		margin-top: 2px;
-		padding: 0;
-		list-style: none;
-		background: var(--color-main-background);
-		border-radius: 4px;
-		background-clip: padding-box;
-		overflow: hidden;
-	}
+		ul {
+			margin: 0;
+			margin-top: 2px;
+			padding: 0;
+			list-style: none;
+			background: var(--color-main-background);
+			border-radius: 4px;
+			background-clip: padding-box;
+			overflow: hidden;
+		}
 
-	.tribute-container li {
-		color: var(--color-text);
-		padding: 5px 10px;
-		cursor: pointer;
-		font-size: 14px;
-		display: flex;
-	}
+		li {
+			color: var(--color-text);
+			padding: 5px 10px;
+			cursor: pointer;
+			font-size: 14px;
+			display: flex;
 
-	.tribute-container li span {
-		display: block;
-	}
+			span {
+				display: block;
+			}
 
-	.tribute-container li.highlight,
-	.tribute-container li:hover {
-		background: var(--color-primary);
-		color: var(--color-primary-text);
-	}
+			&.highlight,
+			&:hover {
+				background: var(--color-primary);
+				color: var(--color-primary-text);
+			}
 
-	.tribute-container li img {
-		width: 32px;
-		height: 32px;
-		border-radius: 50%;
-		overflow: hidden;
-		margin-right: 10px;
-		margin-left: -3px;
-		margin-top: 3px;
-	}
+			img {
+				width: 32px;
+				height: 32px;
+				border-radius: 50%;
+				overflow: hidden;
+				margin-right: 10px;
+				margin-left: -3px;
+				margin-top: 3px;
+			}
 
-	.tribute-container li span {
-		font-weight: bold;
-	}
+			span {
+				font-weight: bold;
+			}
 
-	.tribute-container li.no-match {
-		cursor: default;
-	}
+			&.no-match {
+				cursor: default;
+			}
 
-	.tribute-container .menu-highlighted {
-		font-weight: bold;
-	}
+		}
 
-	.tribute-container .account,
-	.tribute-container li.highlight .account,
-	.tribute-container li:hover .account {
-		font-weight: normal;
-		color: var(--color-text-light);
-		opacity: 0.5;
-	}
+		.menu-highlighted {
+			font-weight: bold;
+		}
+
+		.account,
+		li.highlight .account,
+		li:hover .account {
+			font-weight: normal;
+			color: var(--color-text-light);
+			opacity: 0.5;
+		}
 
-	.tribute-container li.highlight .account,
-	.tribute-container li:hover .account {
-		color: var(--color-primary-text) !important;
-		opacity: .6;
+		li.highlight .account,
+		li:hover .account {
+			color: var(--color-primary-text) !important;
+			opacity: .6;
+		}
 	}
 
 	.message .mention {
@@ -760,15 +760,15 @@ export default {
 		padding-left: 2px;
 		padding-bottom: 1px;
 		padding-right: 5px;
-	}
 
-	.mention img {
-		width: 16px;
-		border-radius: 50%;
-		overflow: hidden;
-		margin-right: 3px;
-		vertical-align: middle;
-		margin-top: -1px;
+		img {
+			width: 16px;
+			border-radius: 50%;
+			overflow: hidden;
+			margin-right: 3px;
+			vertical-align: middle;
+			margin-top: -1px;
+		}
 	}
 
 	.hashtag {
diff --git a/src/components/Emoji.vue b/src/components/Emoji.vue
index a4eab5ae..606c993d 100644
--- a/src/components/Emoji.vue
+++ b/src/components/Emoji.vue
@@ -41,6 +41,3 @@ export default {
 	},
 }
 </script>
-<style scoped>
-
-</style>
diff --git a/src/components/TimelineList.vue b/src/components/TimelineList.vue
index 5490c62b..99448ee5 100644
--- a/src/components/TimelineList.vue
+++ b/src/components/TimelineList.vue
@@ -154,17 +154,17 @@ export default {
 </script>
 
 <style scoped>
-	.list-item {
-	}
-	.list-enter-active, .list-leave-active {
-		transition: all .5s;
-	}
-	.list-enter {
-		opacity: 0;
-		transform: translateY(-30px);
-	}
-	.list-leave-to {
-		opacity: 0;
-		transform: translateX(-100px);
-	}
+.list-enter-active, .list-leave-active {
+	transition: all .5s;
+}
+
+.list-enter {
+	opacity: 0;
+	transform: translateY(-30px);
+}
+
+.list-leave-to {
+	opacity: 0;
+	transform: translateX(-100px);
+}
 </style>
diff --git a/src/views/OStatus.vue b/src/views/OStatus.vue
index b0f346c6..209fa416 100644
--- a/src/views/OStatus.vue
+++ b/src/views/OStatus.vue
@@ -123,9 +123,11 @@ export default {
 	h2, p {
 		color: var(--color-primary-text);
 	}
+
 	p .icon {
 		display: inline-block;
 	}
+
 	.avatardiv {
 		vertical-align: -4px;
 		margin-right: 3px;
diff --git a/src/views/ProfileFollowers.vue b/src/views/ProfileFollowers.vue
index b4a01917..322fe411 100644
--- a/src/views/ProfileFollowers.vue
+++ b/src/views/ProfileFollowers.vue
@@ -68,6 +68,7 @@ export default {
 		display: flex;
 		flex-wrap: wrap;
 	}
+
 	.user-entry {
 		width: 100%;
 		padding: 20px;
diff --git a/src/views/ProfileTimeline.vue b/src/views/ProfileTimeline.vue
index cdf92a0d..b3d8eafa 100644
--- a/src/views/ProfileTimeline.vue
+++ b/src/views/ProfileTimeline.vue
@@ -40,7 +40,3 @@ export default {
 	},
 }
 </script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/Timeline.vue b/src/views/Timeline.vue
index 1dcf9dd3..05fbaa35 100644
--- a/src/views/Timeline.vue
+++ b/src/views/Timeline.vue
@@ -149,6 +149,7 @@ export default {
 		transition: all .5s ease-out;
 		max-height: 200px;
 	}
+
 	.slide-fade-leave-to {
 		max-height: 0;
 		opacity: 0;
diff --git a/src/views/TimelineSinglePost.vue b/src/views/TimelineSinglePost.vue
index 2fd084fd..5b372d94 100644
--- a/src/views/TimelineSinglePost.vue
+++ b/src/views/TimelineSinglePost.vue
@@ -93,18 +93,12 @@ export default {
 </script>
 
 <style scoped>
+.social__timeline {
+	max-width: 600px;
+	margin: 15px auto;
+}
 
-	.social__timeline {
-		max-width: 600px;
-		margin: 15px auto;
-	}
-
-	#app-content {
-		position: relative;
-	}
-
-</style>
-
-<style>
-
+#app-content {
+	position: relative;
+}
 </style>