Regenerated

Droidnix/generated/.config/waybar/style.css

@@ -1,7 +1,7 @@
 @import url("file:///home/henrov/.config/shared/colors.css");
 
 /* --- Global --- */
-* {
+   * {
     font-family:
         Aporetic Sans Mono,
         Iosevka Nerd Font,
@@ -17,6 +17,9 @@ window#waybar {
     color: @text;
 }
 
+/* --------------------------------------------------------- */
+/* MODULES CENTER BASE --- all visible widgets min 80px */
+/* --------------------------------------------------------- */
 .modules-center > widget {
     min-width: 80px;
     color: @text;
@@ -26,22 +29,51 @@ window#waybar {
         linear-gradient(@base-alpha, @base-alpha) padding-box,
         linear-gradient(45deg, @blue, @green) border-box;
     border: 2px solid transparent;
+    transition: all 0.2s ease;
 }
 
 .modules-center > box + box {
     margin-left: 5px;
 }
 
-.modules-center > widget label {
+.modules-center > widget label,
+.modules-center > label {
     padding: 0 5px;
     transition: padding 0.2s ease;
 }
 
-.modules-center > label {
-    padding: 0px 5px;
-    transition: padding 0.2s ease;
+/* --- Anchors & dynamic modules --- */
+#custom-windows,
+#custom-hardware-anchor,
+#custom-connections-anchor {
+    min-width: 0;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    transition: min-width 0.2s ease, opacity 0.2s ease, padding 0.2s ease;
 }
 
+/* Show anchors when active / hovered */
+#custom-windows.active {
+    min-width: 80px;
+    padding: 0 5px;
+    margin: 0 2px;
+    opacity: 0.5;
+    font-weight: normal;
+    font-size: 12px;
+}
+
+#hardware:hover #custom-hardware-anchor,
+#connections:hover #custom-connections-anchor {
+    min-width: 80px;
+    padding: 0 5px;
+    margin: 0 2px;
+    opacity: 1;
+}
+
+/* --------------------------------------------------------- */
+/* MODULES RIGHT --- min-width 80px for visible widgets */
+/* --------------------------------------------------------- */
 .modules-right > widget {
     min-width: 80px;
     color: @text;
@@ -57,73 +89,15 @@ window#waybar {
     margin-left: 5px;
 }
 
-.modules-right > widget label {
-    padding: 0px 5px;
-    transition: padding 0.2s ease;
-}
-
+.modules-right > widget label,
 .modules-right > label {
     padding: 0px 5px;
     transition: padding 0.2s ease;
 }
 
-/* --- hiding window counter --- */
-
-#custom-windows {
-    opacity: 0;
-    min-width: 0;
-    padding: 0;
-    margin: 0;
-    transition:
-        opacity 0.2s ease,
-        min-width 0.2s ease;
-}
-
-/* Show it when active */
-#custom-windows.active {
-    opacity: 0.5;
-    font-weight: normal;
-    font-size: 12px;
-    min-width: 30px;
-    padding: 0 3px;
-    margin: 0 2px;
-}
-
-/* --- Group specifics --- */
-
-#hardware:hover #custom-hardware-anchor {
-    opacity: 0;
-    min-width: 0;
-    padding: 0;
-    margin: 0;
-    transition:
-        opacity 0.2s ease,
-        width 0.2s ease;
-}
-
-#connections:hover #custom-connections-anchor {
-    opacity: 0;
-    min-width: 0;
-    padding: 0;
-    margin: 0;
-    transition:
-        opacity 0.2s ease,
-        width 0.2s ease;
-}
-
-#clock,
-#idle_inhibitor,
-#battery,
-#cpu,
-#memory,
-#temperature,
-#network,
-#pulseaudio,
-#tray {
-    margin: 0 5px;
-    padding: 0 10px;
-}
-
+/* --------------------------------------------------------- */
+/* SLIDERS / SPECIAL MODULES */
+/* --------------------------------------------------------- */
 #pulseaudio-slider {
     padding: 0;
     margin: 0;
@@ -151,9 +125,8 @@ window#waybar {
 }
 
 /* --------------------------------------------------------- */
-/* STATES */
+/* STATES / SPECIALS */
 /* --------------------------------------------------------- */
-
 #idle_inhibitor.activated {
     background: linear-gradient(45deg, @blue, @green);
     border: 2px solid transparent;
@@ -183,3 +156,18 @@ window#waybar {
 #temperature.critical {
     background-color: @red;
 }
+
+/* --------------------------------------------------------- */
+/* GLOBAL MODULE SPACING */
+#clock,
+#idle_inhibitor,
+#battery,
+#cpu,
+#memory,
+#temperature,
+#network,
+#pulseaudio,
+#tray {
+    margin: 0 5px;
+    padding: 0 10px;
+}