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

Merge branch 'next' of https://github.com/shoelace-style/webawesome into next

Browse Source
This commit is contained in:
Cory LaViska
2024-12-10 09:54:39 -05:00
parent f15814c784 60c7c91e8a
commit 6da942083c
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 */