Add custom HTML Elements for icons/SVG loading
This commit is contained in:
parent
0fcf24bfcb
commit
361ddfb7b6
7 changed files with 255 additions and 0 deletions
23
styles/components/icon.css
Normal file
23
styles/components/icon.css
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
:host {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
svg {
|
||||
width: var(--size, 1rem);
|
||||
height: var(--size, 1rem);
|
||||
fill: var(--fill);
|
||||
}
|
||||
|
||||
path {
|
||||
stroke: var(--stroke);
|
||||
stroke-width: var(--stroke-width);
|
||||
stroke-linejoin: var(--stroke-linejoin);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue