From 60c7c91e8a104660f5451c3711a9348ff67ba1ef Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Tue, 10 Dec 2024 09:52:29 -0500
Subject: [PATCH] Revert "Fix missing content issue, closes #198"

This reverts commit 22ca715ddb72f19b007388b25f450973d83a6320.
---
 src/themes/applied.css | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/src/themes/applied.css b/src/themes/applied.css
index fc4438cf3..7cecc5293 100644
--- a/src/themes/applied.css
+++ b/src/themes/applied.css
@@ -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 */