From 02640ce3fb1a5a2e6ca81f10e94336d6a9d716b4 Mon Sep 17 00:00:00 2001
From: Christoph Reiter <reiter.christoph@gmail.com>
Date: Wed, 2 Oct 2019 12:46:21 +0200
Subject: [PATCH] Use currentColor for the icon color
---
packages/common/vpu-common-demo.js | 8 ++++----
packages/common/vpu-icon.js | 2 +-
2 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/packages/common/vpu-common-demo.js b/packages/common/vpu-common-demo.js
index 33d78986..30413833 100644
--- a/packages/common/vpu-common-demo.js
+++ b/packages/common/vpu-common-demo.js
@@ -81,10 +81,10 @@ class VpuCommonDemo extends VPULitElement {
<label class="label">Icons</label>
<div class="control">
<vpu-icon name="access-point-network-off"></vpu-icon>
- <vpu-icon color="green"></vpu-icon>
- <vpu-icon color="red"></vpu-icon>
- <vpu-icon color="blue"></vpu-icon>
- <vpu-icon color="orange" name="menu-down"></vpu-icon>
+ <vpu-icon style="color: green"></vpu-icon>
+ <vpu-icon style="color: red"></vpu-icon>
+ <vpu-icon style="color: blue"></vpu-icon>
+ <vpu-icon style="color: orange" name="menu-down"></vpu-icon>
</div>
</div>
<div class="container">
diff --git a/packages/common/vpu-icon.js b/packages/common/vpu-icon.js
index f374303c..2d2d3218 100644
--- a/packages/common/vpu-icon.js
+++ b/packages/common/vpu-icon.js
@@ -43,7 +43,7 @@ class Icon extends LitElement {
return html`
<style>
:host path {
- fill: ${this.color};
+ fill: currentColor;
}
</style>
--
GitLab