build: v1.1.2, chore: improved charts displaying by removing duplicated worldwide chart code; style: removed a lot of .scss files in favor off tailwind utilities; chore: removed some unused ids; style: improved feedback on section-tabs; chore: replaced css variable in primary color in tailwind config with the hsl color code

src/styles/scss/tabs/_about-tab.scss

@@ -1,13 +0,0 @@
-#about_tab {
-	p {
-		margin-bottom: 8px;
-	}
-
-	h3 {
-		margin: 8px 0px;
-	}
-
-	hr {
-		margin: 12px 0px;
-	}
-}

src/styles/scss/tabs/_charts-tab.scss

@@ -1,8 +0,0 @@
-.charts_grid {
-	.release {
-		.coverart {
-			width: 156px;
-			height: 156px;
-		}
-	}
-}

src/styles/scss/tabs/_download-tab.scss

@@ -1,9 +1,12 @@
 #download_tab_container {
-	height: 100%;
-	background-color: var(--panels-background);
-	color: var(--panels-text);
-	display: block;
-	flex-direction: column;
+	#queue_buttons {
+		position: absolute;
+		top: 0;
+		right: 0;
+		opacity: 1;
+		visibility: visible;
+		transition: all 250ms ease-in-out;
+	}
 
 	&.tab_hidden {
 		width: 32px;
@@ -12,26 +15,15 @@
 			margin-left: 4px;
 
 			&::before {
-				font-family: 'Material Icons';
-				font-style: normal;
-				font-weight: 400;
 				content: 'chevron_left';
 			}
 		}
 
-		#download_tab_drag_handler {
-			display: none;
-		}
-
 		#queue_buttons {
 			opacity: 0;
 			visibility: hidden;
 		}
 
-		#download_list {
-			display: none;
-		}
-
 		&::after {
 			content: attr(data-label);
 			display: flex;
@@ -55,50 +47,3 @@
 		content: 'chevron_right';
 	}
 }
-
-.download_bar_icon {
-	cursor: pointer;
-	font-size: 24px;
-	margin: 4px;
-}
-
-#download_list {
-	width: 100%;
-	height: calc(100% - 32px);
-	padding: 0px 8px 0px 28px;
-	overflow-y: scroll;
-
-	&::-webkit-scrollbar {
-		width: 10px;
-	}
-
-	&::-webkit-scrollbar-track {
-		background: var(--panels-background);
-	}
-
-	&::-webkit-scrollbar-thumb {
-		background: var(--panels-scroll);
-		border-radius: 4px;
-		width: 6px;
-		padding: 0px 2px;
-	}
-}
-
-#download_tab_container {
-	#queue_buttons {
-		position: absolute;
-		top: 0;
-		right: 0;
-		opacity: 1;
-		visibility: visible;
-		transition: all 250ms ease-in-out;
-	}
-}
-
-#download_tab_drag_handler {
-	width: 15px;
-	height: 100%;
-	position: absolute;
-	background-color: hsl(0, 0%, 20%);
-	cursor: ew-resize;
-}

src/styles/scss/tabs/_favorites-tab.scss

@@ -1,11 +0,0 @@
-.reload-button {
-	&.reload-button--inline {
-		display: inline-block;
-	}
-
-	&.spin {
-		i {
-			animation: spin 500ms infinite ease-out reverse;
-		}
-	}
-}

src/styles/scss/tabs/_home-tab.scss

@@ -1,9 +0,0 @@
-#home_not_logged_text {
-	margin-bottom: 15px;
-}
-
-.home_section {
-	border-top: 1px solid theme('colors.grayscale.500');
-	padding-top: 25px;
-	padding-bottom: 25px;
-}

src/styles/scss/tabs/_tabs.scss

@@ -1,22 +1,3 @@
-.main_tabcontent {
-	h1 {
-		margin-bottom: 12px;
-	}
-}
-
-.tab {
-	margin: 16px 0px;
-
-	button {
-		background-color: var(--main-background);
-		color: var(--foreground);
-
-		&.active {
-			background-color: var(--primary-color);
-		}
-	}
-}
-
 .release {
 	display: inline-block;
 	width: 156px;
@@ -27,24 +8,3 @@
 		margin-bottom: 10px;
 	}
 }
-
-.section-tabs {
-	list-style-type: none;
-	display: flex;
-	margin: 16px 0 24px 0;
-	cursor: pointer;
-
-	&__tab {
-		flex: 1;
-		font-size: 1.2rem;
-		padding: 0.8em;
-		border-top: 3px solid var(--foreground);
-		text-align: center;
-		text-transform: capitalize;
-
-		&.active {
-			color: var(--primary-color);
-			border-top: 3px solid var(--primary-color);
-		}
-	}
-}