Fixed webkit issue

This commit is contained in:
Firq 2023-12-29 23:32:43 +01:00
parent 76c723d516
commit fe8576cc0a
Signed by: Firq
GPG key ID: 4DE1059A4666E89F
2 changed files with 4 additions and 2 deletions

View file

@ -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;

View file

@ -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;