change(item): moved svg filter definitions to item.overrides

- when running the package inside eea-website-frontend it didn't find the variable definition when it was placed within item.less
eea · Oct 4, 2022 · de70366 · de70366
1 parent 6660e2e
commit de70366
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/theme/themes/eea/definitions/views/item.less b/theme/themes/eea/definitions/views/item.less
@@ -61,18 +61,6 @@
 /*--------------
       Item
 ---------------*/
-// color item images that are svg files
-.item.primary img {
-    filter: @itemPrimaryFilterColor;
-}
-
-.item.secondary img {
-    filter: @itemSecondaryFilterColor;
-}
-
-.item.tertiary img {
-    filter: @itemTertiaryFilterColor;
-}
 
 .ui.items > .item:after {
   display: block;

diff --git a/theme/themes/eea/views/item.overrides b/theme/themes/eea/views/item.overrides
@@ -70,6 +70,19 @@
   }
 }
 
+// color item images that are svg files
+.item.primary img {
+  filter: @itemPrimaryFilterColor;
+}
+
+.item.secondary img {
+  filter: @itemSecondaryFilterColor;
+}
+
+.item.tertiary img {
+  filter: @itemTertiaryFilterColor;
+}
+
 // decrease margin when using icons instead of images
 // since the icons have themselves extra whitespace
 // and we should aim to get about 32px as seen in the figma design