From a6b1fcc3b91b32671252fded0f5ad08fe7f8d84b Mon Sep 17 00:00:00 2001 From: Paul T Date: Sat, 30 Jun 2018 17:16:46 -0400 Subject: [PATCH] dev page + default sizes for icon element --- dev.box-icon-element.html | 110 ++++++++++++++++++++++++++++++++++++++ src/box-icon-element.js | 6 +-- 2 files changed, 112 insertions(+), 4 deletions(-) create mode 100644 dev.box-icon-element.html diff --git a/dev.box-icon-element.html b/dev.box-icon-element.html new file mode 100644 index 0000000..d2ae04f --- /dev/null +++ b/dev.box-icon-element.html @@ -0,0 +1,110 @@ + + + + + test Custom Element + + + +

Development Page - box-icon Custom Element

+
+
+ Color + Size + rotate + + Flip + + Shape + + Animation + +
+
+ + + + + \ No newline at end of file diff --git a/src/box-icon-element.js b/src/box-icon-element.js index 0d7c4da..be7883c 100644 --- a/src/box-icon-element.js +++ b/src/box-icon-element.js @@ -18,10 +18,8 @@ TEMPLATE.innerHTML = ` display: inline-block; font-size: initial; box-sizing: border-box; -} -:host #icon { - width: 1em; - height: 1em; + width: 24px; + height: 24px; } :host([size=xs]) { width: 0.8rem;