js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "Fix missing content issue, closes #198"

Browse Source 
This reverts commit 22ca715ddb.
This commit is contained in:
Lea Verou
2024-12-10 09:52:29 -05:00
parent 62cf254365
commit 60c7c91e8a
1 changed files with 7 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/themes/applied.css
View File

@@ -43,23 +43,15 @@ body {
-webkit-text-size-adjust: none;
}
@keyframes wa-fade-in {
from {
opacity: 0;
}
/* Show custom elements only after they're registered */
:where(:not(:defined, [did-ssr])),
:where(:not(:defined, [did-ssr])) * {
opacity: 0;
}
/* Show custom elements only after they're registered */
:where(:not(:defined, [did-ssr])) {
&,
& * {
/*
* if an element gets defined earlier than 400ms, the animation stops applying so it just appears (no fade)
* If it takes somewhere between 400 and 600 ms, then you may get an interrupted fade, but oh well
* If an element takes longer than 600ms to get defined, it fades in over 200ms
*/
animation: 200ms 400ms wa-fade-in both;
}
:where(:defined) {
opacity: 1;
transition: 0.1s opacity;
}
/* Content flow */