Backupppert/boxicons
1
0
Fork 0
mirror of https://github.com/atisawd/boxicons.git synced 2024-11-13 19:04:52 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Support for shape attribute

Browse source
This commit is contained in:
Paul T 2018-06-29 23:37:18 -04:00
parent 6d3fe85ab1
commit 9f521ed7f4
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/box-icon-element.js
View file

@ -34,7 +34,7 @@ export class BoxIconElement extends HTMLElement {
'rotate', 'rotate',
'flip', 'flip',
'animation', 'animation',
'border', 'shape',
]; ];
} }
@ -102,6 +102,16 @@ export class BoxIconElement extends HTMLElement {
width: 3.0rem; width: 3.0rem;
height: 3.0rem; height: 3.0rem;
} }
:host([shape=square]) {
padding: .25em;
border: .07em solid rgba(0,0,0,.1);
border-radius: .25em;
}
:host([shape=circle]) {
padding: .25em;
border: .07em solid rgba(0,0,0,.1);
border-radius: 50%;
}
#icon, #icon,
svg { svg {
width: 100%; width: 100%;