Support server folders (closes #10)

sakura/_transparency.scss

@@ -23,12 +23,15 @@ div[class*="activityFeed-"] div[class*="card-"],
 div[class*="noChannel-"],
 div[class*="channels-"] + div[class*="container-"],	// container holding friendlist
 div[class*="table-"]>div[class*="header-"],// Generic stuff
-div[class*="gameLibrary-"], div[class*="friendsTable-"], div[class*="root-"]
+div[class*="gameLibrary-"], div[class*="friendsTable-"], div[class*="root-"],
+div[class*="folder-"]	// server folder
 {
 	background: transparent!important;
 }
 
 // Semi-transparency
-div[class*="activityFeed-"] div[class*="card-"]>div[class*="header-"] {
+div[class*="activityFeed-"] div[class*="card-"]>div[class*="header-"],
+span[class*="expandedFolderBackground-"]	// open server folder
+{
 	background: rgba(black, 25%)!important;
 }

tweaks/_main_code.scss

@@ -50,10 +50,33 @@
 @if ($server-list-above) {
     // .guildsWrapper parent
     div[class*="layer-"]>div:not([class*="standardSidebarView-"]) {
-        // All direct children (including .guilds-wrapper)
         flex-direction: column;
     }
 
+    // server folder
+    .wrapper-21YSNc {
+        width: auto;
+        display: flex;
+        
+        .expandedFolderBackground-2sPsd- {
+            // shape expanded folder bg
+            width: 100%;
+            left: 0px;
+            top: -8px;
+            bottom: 0px;
+
+            width: 100%;
+
+            &.collapsed-1GMuSb {
+                background-color: transparent!important;
+            }
+        }
+        .expandedGuilds-1JMD4M {
+            height: auto!important;
+            display: flex;
+        }
+    }
+
     div[class*="wrapper-1Rf91z"] {  // .guildsWrapper-XXXXXX
         width: 100%;
         height: 75px;