shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: mask instruction order
All checks were successful
Deploy Sokko G / deploy (push) Successful in 5s
Details

Browse source
This commit is contained in:
Shinuwa 2026-07-22 16:21:46 +02:00
parent 843a2822ed
commit d6235c6f44
5 changed files with 36 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

20
website/src/styles/_toolboxes.scss
View file

@ -1,3 +1,5 @@
@use "mixins";
.toolbox-head {
position: relative;
z-index: 30;
@ -304,14 +306,7 @@
padding: 1px;
border-radius: inherit;
background: rgba(165, 180, 252, 0.14);
mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
mask-composite: exclude;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
@include mixins.border-mask;
pointer-events: none;
transition: background var(--duration-fast) var(--ease-standard);
}
@ -326,14 +321,7 @@
radial-gradient(circle at calc(100% - var(--radius-lg)) calc(100% - var(--radius-lg)), rgba(246, 196, 83, 0.52) 0 18px, transparent 27px),
linear-gradient(90deg, transparent 0 30%, rgba(246, 196, 83, 0.08) 42%, rgba(246, 196, 83, 0.38) 72%, rgba(246, 196, 83, 0.52) 100%),
linear-gradient(180deg, transparent 0 30%, rgba(246, 196, 83, 0.08) 42%, rgba(246, 196, 83, 0.38) 72%, rgba(246, 196, 83, 0.52) 100%);
mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
mask-composite: exclude;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
@include mixins.border-mask;
pointer-events: none;
transition: background var(--duration-fast) var(--ease-standard);
}