mirror of
https://github.com/atisawd/boxicons.git
synced 2024-12-22 20:32:38 +01:00
Support for shape
attribute
This commit is contained in:
parent
6d3fe85ab1
commit
9f521ed7f4
1 changed files with 11 additions and 1 deletions
|
@ -34,7 +34,7 @@ export class BoxIconElement extends HTMLElement {
|
|||
'rotate',
|
||||
'flip',
|
||||
'animation',
|
||||
'border',
|
||||
'shape',
|
||||
];
|
||||
}
|
||||
|
||||
|
@ -102,6 +102,16 @@ export class BoxIconElement extends HTMLElement {
|
|||
width: 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,
|
||||
svg {
|
||||
width: 100%;
|
||||
|
|
Loading…
Reference in a new issue