Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases 119 Packages Wiki Activity Actions

Fixed webkit issue for Iconoir Icons related to mask #20

Merged
Firq merged 1 commit from dev into main 2023-12-29 22:38:12 +00:00
Conversation 0 Commits 1 Files changed 2 +4 -2
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/navbar.astro
View file

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

1
src/components/navbarEntry.astro
View file

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