mirror of
https://github.com/atisawd/boxicons.git
synced 2025-01-29 09:27:33 +01:00
Support for shape
attribute
This commit is contained in:
parent
6d3fe85ab1
commit
9f521ed7f4
@ -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…
x
Reference in New Issue
Block a user