style: started removing globals.scss; style: removed loading placeholder classes

src/components/search/ResultsAll.vue

@@ -214,6 +214,19 @@
 		</div>
 	</div>
 </template>
+
+<style lang="scss" scoped>
+.tag {
+	background-color: var(--tag-background);
+	border-radius: 2px;
+	color: var(--tag-text);
+	display: inline-block;
+	font-size: 10px;
+	padding: 3px 6px;
+	text-transform: capitalize;
+}
+</style>
+
 <script>
 import { convertDuration } from '@/utils/utils'
 import { upperCaseFirstLowerCaseRest } from '@/utils/texts'

src/components/search/ResultsTracks.vue

@@ -22,7 +22,8 @@
 						<a
 							href="#"
 							@click="playPausePreview"
-							:class="'rounded' + (track.preview ? ' single-cover' : '')"
+							class="rounded"
+							:class="{ 'single-cover': !!track.preview }"
 							:data-preview="track.preview"
 						>
 							<PreviewControls v-if="track.preview" />