Fancy <summary> hover

JuliaPluto · Feb 15, 2024 · 0045bab · 0045bab
1 parent 4c6e7c8
commit 0045bab
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/Details.jl b/src/Details.jl
@@ -59,13 +59,21 @@ pluto-output details summary {
 	margin: -0.5em -0.5em 0;
 	padding: 0.5em;
 	font-family: var(--system-ui-font-stack);
+	border-radius: 3px;
+	transition: color .25s ease-in-out, background-color .25s ease-in-out;
+}
+
+pluto-output details summary:hover {
+	color: var(--blockquote-color);
+	background-color: var(--blockquote-bg);
 }
 
 pluto-output details[open] {
 	padding: 0.5em;
 }
 
 pluto-output details[open] summary {
+	border-radius: 3px 3px 0 0;
 	border-bottom: 1px solid var(--rule-color);
 	margin-bottom: 0.5em;
 }