diff --git a/packages/common/vpu-common-demo.js b/packages/common/vpu-common-demo.js index bea4a3d89b4c35c5ad195b909500afb6a6a42906..c2ad05421e066418f4c7b3e9c5e6eaca31f4fd96 100644 --- a/packages/common/vpu-common-demo.js +++ b/packages/common/vpu-common-demo.js @@ -118,6 +118,7 @@ class VpuCommonDemo extends VPULitElement { <p style="font-size: 2em;">Foo <vpu-icon name="cloudnetwork"></vpu-icon> bar</p> <p style="font-size: 2em; color: orange">Foo <vpu-icon name="cloudnetwork"></vpu-icon> bar</p> <span style="background-color: #000"><a href="#" style=" color: #fff">foobar</a></span> + <p style="font-size: 2em; color: orange">Foo <vpu-icon name="information"></vpu-icon> bar</p> <br> ${(new Array(100).fill(0)).map(i => html`<vpu-icon style="color: green; width: 50px; height: 50px; border: #000 solid 1px"name="happy"></vpu-icon>`)} diff --git a/packages/common/vpu-icon.js b/packages/common/vpu-icon.js index deff95c17c0ac924c49c385cbab319b64f774bdb..af0e448778d9b9a8f6725c8a38545fdd83d7139a 100644 --- a/packages/common/vpu-icon.js +++ b/packages/common/vpu-icon.js @@ -100,7 +100,7 @@ class Icon extends LitElement { height: 100%; } - svg path, svg circle { + svg * { fill: currentColor; } `;