Separate resizing list to it's own file

bd-scss.config.js

@@ -1,19 +1,20 @@
 /** @type {import('bd-scss/lib/config').Config} */
 export default {
 	meta: {
-		name: "Horizontal Server List",
-		author: "Gibbu#1211",
-		version: "2.1.0",
-		description: "Moves the server list from the left to the top of Discord.",
-		source: "https://github.com/DiscordStyles/HorizontalServerList",
-		invite: "ZHthyCw",
-		website: "https://gibbu.me"
+		name: 'Horizontal Server List',
+		author: 'Gibbu#1211',
+		version: '2.1.0',
+		description: 'Moves the server list from the left to the top of Discord.',
+		source: 'https://github.com/DiscordStyles/HorizontalServerList',
+		invite: 'ZHthyCw',
+		website: 'https://gibbu.me',
 	},
 	baseImport: 'https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css',
 	base: {
-		output: 'dist/dist'
+		output: 'dist/dist',
 	},
 	addons: [
 		['src/addons/_bottomhsl.scss', 'dist/bottomhsl.css'],
-	]
-}
+		['src/addons/_resizablelist.scss', 'dist/resizablelist.css'],
+	],
+};

package.json

@@ -12,6 +12,6 @@
   },
   "type": "module",
   "dependencies": {
-    "bd-scss": "^2.0.11"
+    "bd-scss": "^2.0.14"
   }
 }

src/addons/_resizablelist.scss

@@ -0,0 +1,32 @@
+@use '../theme/vars';
+
+#app-mount .guilds-2JjMmN {
+	width: var(--server-container);
+	.scrollerWrap-1IAIlv {
+		width: calc(100% + 30px);
+	}
+	.svg-2ifYOU,
+	.wrapper-2PSQCG,
+	.guildsError-b7zR5H,
+	.placeholderMask-2FHNZU {
+		width: var(--server-size);
+		height: var(--server-size);
+	}
+	[role='group'] {
+		height: auto !important;
+	}
+	[class*='expandedFolderBackground'] {
+		width: var(--server-size);
+		left: 50%;
+		translate: -50% 0;
+	}
+	.wrapper-z5ab_q {
+		height: var(--server-size) !important;
+	}
+	.wrapper-38slSD {
+		width: var(--server-container);
+	}
+	[class*='listItem']:not([class*='listItemWrapper']) {
+		width: var(--server-container);
+	}
+}