refactor: update Lumo icon to respect size CSS property (#10220)

web-padawan · web-flow · commit a70260ab31c1 · 2025-09-24T13:11:45.000+03:00
diff --git a/packages/vaadin-lumo-styles/src/components/icon.css b/packages/vaadin-lumo-styles/src/components/icon.css
@@ -5,7 +5,7 @@
  */
 @media lumo_components_icon {
   :host {
-    width: var(--lumo-icon-size-m);
-    height: var(--lumo-icon-size-m);
+    width: var(--vaadin-icon-size, var(--lumo-icon-size-m));
+    height: var(--vaadin-icon-size, var(--lumo-icon-size-m));
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`*/`
`6`	`6`	`@media lumo_components_icon {`
`7`	`7`	`:host {`
`8`		`- width: var(--lumo-icon-size-m);`
`9`		`- height: var(--lumo-icon-size-m);`
	`8`	`+ width: var(--vaadin-icon-size, var(--lumo-icon-size-m));`
	`9`	`+ height: var(--vaadin-icon-size, var(--lumo-icon-size-m));`
`10`	`10`	`}`
`11`	`11`	`}`