Merge pull request 'fix: fixed colors and transition with slide-wrapper' (#4) from fix_eww_scss into main

Reviewed-on: #4

eww/eww.scss

@@ -115,6 +115,7 @@ separator {
 // воркспейсы
 .workspaces-rail {
     @extend .capsule;
+    
     padding: 0;
     transition: all $t-norm $ease-oil;
 }
@@ -138,11 +139,10 @@ separator {
 // раскладка
 .kb-pill {
     @extend .capsule;
+
     margin-right: 0;
     
-    .kb-label {
+    .kb-label { transition: color $t-norm ease-in-out; }
-        transition: color $t-norm ease-in-out;
-    }
 
     &.caps-on {
         border-color: $yellow;
@@ -165,10 +165,16 @@ separator {
 // статистика
 .stats-pill {
     padding: 0 6px;
+
+    .slide-wrapper { transition: all $t-fase ease-in-out; }
+
     &.alert { 
         border-color: $red; 
         border-width: 0.75px;
-        .slide-wrapper { border-color: $red; }
+        .slide-wrapper {
+            border-color: $red;
+            transition: all $t-slow ease-in-out;
+        }
     }
 }
 
@@ -182,12 +188,17 @@ separator {
     @extend .capsule;
     
     .icon { margin-right: 14px; }
+    .slide-wrapper { transition: all $t-fase ease-in-out; }
 
     &.muted {
         border-color: #444;
         .icon, .stat-label { color: $muted-gray; }
         scale slider { background-color: $muted-gray; }
         scale trough highlight { background-color: #444; }
+        .slide-wrapper {
+            border-color: #444;
+            transition: all $t-slow ease-in-out;
+        }
     }
 }
 
@@ -196,8 +207,10 @@ separator {
 // трей
 .tray-capsule {
     @extend .capsule;
+    
     padding: 0 10px;
     margin-right: 0;
+
     image { margin: 0 2px; opacity: 0.8; }
 }