Fixed webkit issue for Iconoir Icons related to mask #20
2 changed files with 4 additions and 2 deletions
|
@ -17,7 +17,7 @@ const hamburger_src_url = `url("${hamburger.src}")`;
|
|||
<slot />
|
||||
</ul>
|
||||
<div class="placeholder"></div>
|
||||
<div class="icon"></div>
|
||||
<div class="hamburger-menu"></div>
|
||||
</button>
|
||||
</header>
|
||||
|
||||
|
@ -105,8 +105,9 @@ const hamburger_src_url = `url("${hamburger.src}")`;
|
|||
justify-self: top;
|
||||
}
|
||||
|
||||
.icon {
|
||||
.hamburger-menu {
|
||||
mask: var(--hamburger_src_url) no-repeat center;
|
||||
-webkit-mask: var(--hamburger_src_url) no-repeat center;
|
||||
background-color: white;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
|
|
|
@ -73,6 +73,7 @@ const fulllink = `/${slug}`
|
|||
|
||||
.icon {
|
||||
mask: var(--icon_src_url) no-repeat center;
|
||||
-webkit-mask: var(--icon_src_url) no-repeat center;
|
||||
background-color: white;
|
||||
width: 1.4em;
|
||||
height: 1.4em;
|
||||
|
|
Loading…
Reference in a new issue