Convert bd-scss to bd-css

Author: Gibbu

CONTRIBUTING.md

@@ -3,20 +3,23 @@ So, you're looking to contribute? Nice!
 This will help you get started.
 
 ## Prerequisites
+
 - Basic knowledge of NodeJS.
-- Basic knowledge of SCSS/CSS.
+- Basic knowledge of CSS.
 - Basic knowledge of Git/GitHub.
 - Basic knowledge of the terminal/command prompt.
 
 Install Dependencies:  
-Open a terminal/command prompt and use the following command: `npm install` in the HorizontalServerList folder.
+Open a terminal/command prompt and use the following command: `bun install` in the HorizontalServerList folder.
 
 ## Development
-Run the `dev` script with: `npm run dev`.  
+
+Run the `dev` script with: `bun run dev`.  
 This will watch for changes inside the `/src` folder and then auto compile them into your BetterDiscord themes folder.
 
 ## Deploying
+
 Simply push your changes to the `main` branch and make a pull request.  
-If all is well you PR will be accepted and merged with the `main` branch.  
+If all is well you PR will be accepted and merged with the `main` branch.
 
-This will then trigger an action to compile the `/src/_base.css` to the `deploy` branch.
+This will then trigger an action to compile the `/src/_base.css` to the `deploy` branch.

bd-scss.config.js bd-css.config.jsbd-scss.config.js renamed to bd-css.config.js

@@ -1,4 +1,4 @@
-/** @type {import('bd-scss/lib/config').Config} */
+/** @type {import('bd-css/lib/config').Config} */
 export default {
 	meta: {
 		name: 'Horizontal Server List',
@@ -8,6 +8,7 @@ export default {
 		source: 'https://github.com/DiscordStyles/HorizontalServerList',
 		invite: 'ZHthyCw',
 	},
+	static: true,
 	github: 'DiscordStyles',
-	addons: [{ target: 'src/addons/_bottomhsl.scss' }],
+	addons: [{ target: 'src/addons/bottomhsl.css' }],
 };

bun.lock

@@ -2,12 +2,11 @@
 	"private": false,
 	"type": "module",
 	"scripts": {
-		"dev": "bun --bun bd-scss dev",
-		"build": "bun --bun bd-scss build",
-		"reroll": "bun --bun bd-scss reroll"
+		"dev": "bun --bun bd-css dev",
+		"build": "bun --bun bd-css build"
 	},
 	"dependencies": {
-		"bd-scss": "^3.0.8"
+		"bd-css": "^0.0.4"
 	},
 	"devDependencies": {
 		"prettier": "^3.8.1"

package.json

@@ -8,7 +8,7 @@
 	}
 }
 
-// BetterFolders - Vencord
+/* BetterFolders - Vencord */
 .base__5e434 > div[style]:not(.base__5e434) {
 	bottom: calc(var(--custom-guild-list-width) * 2);
 	top: unset;

powercord_manifest.json

@@ -0,0 +1,77 @@
+:root {
+	--notices-height: 36px;
+	--serverlist-offset: var(--custom-guild-list-width);
+}
+
+.base__5e434[data-fullscreen='false'] .content__5e434 {
+	margin-top: var(--serverlist-offset);
+	overflow: visible !important;
+}
+
+:fullscreen .content__5e434 {
+	margin: 0 !important;
+}
+
+.sidebar__5e434 {
+	border-radius: 0;
+	overflow: visible !important;
+}
+
+.guilds__5e434 {
+	transform-origin: top left;
+	rotate: -90deg;
+	height: 100vw !important;
+	bottom: unset;
+	position: absolute !important;
+	left: 0;
+
+	.itemsContainer_ef3116,
+	.stack_dbd263 {
+		flex-direction: var(--HSL-server-direction);
+		justify-content: var(--HSL-server-alignment);
+	}
+}
+
+.tree_ef3116 {
+	padding-top: var(--HSL-top-padding, var(--size-sm));
+	justify-content: var(--HSL-server-alignment);
+}
+
+/* Rotate the icons back */
+.wrapper__6e9f8,
+.folderPreview__48112,
+.folderIconWrapper__48112,
+.lowerBadge_cc5dd2,
+.upperBadge_cc5dd2 {
+	rotate: 90deg;
+}
+.childWrapper__6e9f8 {
+	rotate: 0deg;
+}
+
+/* Notices */
+.notice__6e2b9 {
+	height: var(--notices-height);
+
+	& + .content__5e434 {
+		--serverlist-offset: calc(var(--notices-height) + var(--custom-guild-list-width));
+	}
+}
+
+/* BetterFolders - Vencord */
+.container__5e434 > div[style]:not(.base__5e434) {
+	width: 100vw !important;
+	height: var(--serverlist-offset) !important;
+	position: absolute;
+	top: calc(var(--serverlist-offset) + var(--custom-app-top-bar-height));
+	pointer-events: none;
+	z-index: 1;
+
+	.guilds__5e434 {
+		pointer-events: all;
+	}
+
+	& + .base__5e434 .content__5e434 {
+		margin-top: calc(var(--serverlist-offset) * 2);
+	}
+}