add spoiler class for hiding sentence by default

1 files changed, 10 insertions, 4 deletions

diff --git a/card/card.css b/card/card.css
index b37234c..8c2b0d0 100644
--- a/card/card.css
+++ b/card/card.css
@@ -15,13 +15,19 @@ hr {
 hr { background-color: black; }
 .nightMode hr { background-color: white; }
 
-.card.front .target-word-reading,
-.card.front .target-word-translation,
-.card.front .sentence-translation,
+.card.front #target-word-reading,
+.card.front #target-word-translation,
+.card.front #sentence-translation,
 .card.front hr,
 .card.front ruby rt.hidden {
 	display: none;
 }
 
-.sentence-translation { margin-top: 1em; }
+#sentence-translation { margin-top: 1em; }
 
+.spoiler {
+	transition: filter 300ms;
+	cursor: pointer;
+}
+.spoiler.hidden { filter: blur(0.3rem); }
+.spoiler.visible { filter: blur(0rem); }