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