mikl/hollow-knight-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make spoilers much less gpu intensive

Browse source
This commit is contained in:
ReznoRMichael 2021-07-24 18:09:05 +02:00
parent 8ed042b5f3
commit bdacab0382
3 changed files with 35 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
build/main.css
View file

@ -387,17 +387,6 @@ input[type="file"] {
font-style: italic; font-style: italic;
} }
.blurred {
filter: blur(5px);
-webkit-filter: blur(5px);
transition: all 0.3s ease;
}
.blurred:hover {
filter: none;
-webkit-filter: none;
}
.spoiler-span.blurred:hover { .spoiler-span.blurred:hover {
cursor: default; cursor: default;
} }
@ -575,8 +564,8 @@ a.wiki {
} }
.partial { .partial {
color: #000; color: #797979;
text-shadow: 0 0 0.3rem #fff; /* text-shadow: 0 0 0.3rem #fff; */
} }
.icon-info-circled { .icon-info-circled {
@ -693,6 +682,21 @@ a.wiki {
opacity: 1; opacity: 1;
} }
.blurred {
color: #0000;
background-color: #ffffff1f;
/* filter: blur(5px);
-webkit-filter: blur(5px); */
transition: all 0.3s ease;
}
.blurred:hover {
/* filter: none;
-webkit-filter: none; */
color: inherit;
background-color: inherit;
}
.spoiler-text { .spoiler-text {
display: inline; display: inline;
/* These are technically the same, but use both */ /* These are technically the same, but use both */

2
build/main.css.map
View file

File diff suppressed because one or more lines are too long

30
src/css/style.css
View file

@ -279,17 +279,6 @@ input[type="file"] {
font-style: italic; font-style: italic;
} }
.blurred {
filter: blur(5px);
-webkit-filter: blur(5px);
transition: all 0.3s ease;
}
.blurred:hover {
filter: none;
-webkit-filter: none;
}
.spoiler-span.blurred:hover { .spoiler-span.blurred:hover {
cursor: default; cursor: default;
} }
@ -467,8 +456,8 @@ a.wiki {
} }
.partial { .partial {
color: #000; color: #797979;
text-shadow: 0 0 0.3rem #fff; /* text-shadow: 0 0 0.3rem #fff; */
} }
.icon-info-circled { .icon-info-circled {
@ -585,6 +574,21 @@ a.wiki {
opacity: 1; opacity: 1;
} }
.blurred {
color: #0000;
background-color: #ffffff1f;
/* filter: blur(5px);
-webkit-filter: blur(5px); */
transition: all 0.3s ease;
}
.blurred:hover {
/* filter: none;
-webkit-filter: none; */
color: inherit;
background-color: inherit;
}
.spoiler-text { .spoiler-text {
display: inline; display: inline;
/* These are technically the same, but use both */ /* These are technically the same, but use both */