Regenerated

Droidnix/README.org

@@ -2861,7 +2861,7 @@ This file contains all css for waybar
 @import url("file:///home/henrov/.config/shared/colors.css");
 
 /* --- Global --- */
- * {
+* {
     font-family:
         Aporetic Sans Mono,
         Iosevka Nerd Font,
@@ -2877,36 +2877,68 @@ window#waybar {
     color: @text;
 }
 
+/* --------------------------------------------------------- */
+/* MODULES CENTER BASE --- all visible widgets min 80px */
+/* --------------------------------------------------------- */
 .modules-center > widget {
     min-width: 80px;
     color: @text;
     font-weight: bold;
-    border-radius:30px;
+    border-radius: 30px;
     background:
         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 {
+/* --- Anchors & dynamic modules --- */
-    padding: 0px 5px;
+#custom-windows,
-    transition: padding 0.2s ease;
+#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;
     font-weight: bold;
-    border-radius:30px;
+    border-radius: 30px;
     background:
         linear-gradient(@base-alpha, @base-alpha) padding-box,
         linear-gradient(45deg, @blue, @green) border-box;
@@ -2917,68 +2949,15 @@ window#waybar {
     margin-left: 5px;
 }
 
-.modules-right > widget label {
+.modules-right > widget label,
-    padding: 0px 5px;
-    transition: padding 0.2s ease;
-}
-
 .modules-right > label {
     padding: 0px 5px;
     transition: padding 0.2s ease;
 }
 
-
+/* --------------------------------------------------------- */
-/* --- hiding window counter --- */
+/* SLIDERS / SPECIAL MODULES */
-
+/* --------------------------------------------------------- */
-#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;
-}
-
 #pulseaudio-slider {
     padding: 0;
     margin: 0;
@@ -2986,7 +2965,7 @@ window#waybar {
 #pulseaudio-slider slider {
     min-height: 0px;
     min-width: 0px;
-    opacity: 0.;
+    opacity: 0;
     border-radius: 30px;
     background: linear-gradient(45deg, @blue, @green);
     border: none;
@@ -3006,11 +2985,10 @@ window#waybar {
 }
 
 /* --------------------------------------------------------- */
-/* STATES */
+/* STATES / SPECIALS */
 /* --------------------------------------------------------- */
-
 #idle_inhibitor.activated {
-    background:linear-gradient(45deg, @blue, @green);
+    background: linear-gradient(45deg, @blue, @green);
     border: 2px solid transparent;
     color: @base;
 }
@@ -3039,6 +3017,20 @@ window#waybar {
     background-color: @red;
 }
 
+/* --------------------------------------------------------- */
+/* GLOBAL MODULE SPACING */
+#clock,
+#idle_inhibitor,
+#battery,
+#cpu,
+#memory,
+#temperature,
+#network,
+#pulseaudio,
+#tray {
+    margin: 0 5px;
+    padding: 0 10px;
+}
 #+END_SRC
 
 ** =.config/waybar/scripts/bluetooth-status.sh=

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,
@@ -21,7 +21,7 @@ window#waybar {
     min-width: 80px;
     color: @text;
     font-weight: bold;
-    border-radius:30px;
+    border-radius: 30px;
     background:
         linear-gradient(@base-alpha, @base-alpha) padding-box,
         linear-gradient(45deg, @blue, @green) border-box;
@@ -46,7 +46,7 @@ window#waybar {
     min-width: 80px;
     color: @text;
     font-weight: bold;
-    border-radius:30px;
+    border-radius: 30px;
     background:
         linear-gradient(@base-alpha, @base-alpha) padding-box,
         linear-gradient(45deg, @blue, @green) border-box;
@@ -67,7 +67,6 @@ window#waybar {
     transition: padding 0.2s ease;
 }
 
-
 /* --- hiding window counter --- */
 
 #custom-windows {
@@ -75,7 +74,9 @@ window#waybar {
     min-width: 0;
     padding: 0;
     margin: 0;
-    transition: opacity 0.2s ease, min-width 0.2s ease;
+    transition:
+        opacity 0.2s ease,
+        min-width 0.2s ease;
 }
 
 /* Show it when active */
@@ -95,7 +96,9 @@ window#waybar {
     min-width: 0;
     padding: 0;
     margin: 0;
-    transition: opacity 0.2s ease, width 0.2s ease;
+    transition:
+        opacity 0.2s ease,
+        width 0.2s ease;
 }
 
 #connections:hover #custom-connections-anchor {
@@ -103,7 +106,9 @@ window#waybar {
     min-width: 0;
     padding: 0;
     margin: 0;
-    transition: opacity 0.2s ease, width 0.2s ease;
+    transition:
+        opacity 0.2s ease,
+        width 0.2s ease;
 }
 
 #clock,
@@ -126,7 +131,7 @@ window#waybar {
 #pulseaudio-slider slider {
     min-height: 0px;
     min-width: 0px;
-    opacity: 0.;
+    opacity: 0;
     border-radius: 30px;
     background: linear-gradient(45deg, @blue, @green);
     border: none;
@@ -150,7 +155,7 @@ window#waybar {
 /* --------------------------------------------------------- */
 
 #idle_inhibitor.activated {
-    background:linear-gradient(45deg, @blue, @green);
+    background: linear-gradient(45deg, @blue, @green);
     border: 2px solid transparent;
     color: @base;
 }