feat(weather): inline weather svg icons

2026-07-11 16:05:41 +03:00
parent 75343a21b9
commit 1c4dac74ca
7 changed files with 51 additions and 10 deletions
--- a/static/src/lib/weather-icons/sass/_weather-icons-svg.scss
+++ b/static/src/lib/weather-icons/sass/_weather-icons-svg.scss
@@ -0,0 +1,36 @@
+@use "variables";
+
+weather-icon,
+.wi-svg {
+  display: flex;
+  width: 3rem;
+
+  > svg {
+    path {
+      fill: gray;
+    }
+    @each $type, $color in variables.$weather-icons-colors {
+      path[id="#{$type}"] {
+        fill: $color;
+      }
+      g[id="#{$type}"] > path {
+        fill: $color;
+      }
+    }
+  }
+
+  &.wi-border {
+    > svg path {
+      stroke: variables.$weather-icons-stroke-color;
+      stroke-width: 0.5;
+      //paint-order: stroke;
+    }
+  }
+
+  &.wi-s {
+    width: 2.5rem;
+  }
+  &.wi-l {
+    width: 3.5rem;
+  }
+}