From 225cef18b4c9da13a9020a8861b2ab90732263fa Mon Sep 17 00:00:00 2001
From: John Merkel <dev.genericallyterrible@gmail.com>
Date: Wed, 2 Oct 2024 07:00:31 -0700
Subject: [PATCH] Remove `<details>` / `<summary>` css (#290)

Co-authored-by: Fons van der Plas <fonsvdplas@gmail.com>
---
 src/Details.jl | 44 ++------------------------------------------
 1 file changed, 2 insertions(+), 42 deletions(-)

diff --git a/src/Details.jl b/src/Details.jl
index 9b890ee9..aa3f72b9 100644
--- a/src/Details.jl
+++ b/src/Details.jl
@@ -37,51 +37,11 @@ const testslider = html"<input>"
 # ╔═╡ 13e81634-3b72-4b1d-a89b-36d184698d21
 const details_css = @htl("""
 <style type="text/css">
-pluto-output details {
-	border: 1px solid var(--rule-color);
-	border-radius: 4px;
-	padding: 0.5em 0.5em 0;
-	margin-block-start: 0;
-	margin-block-end: var(--pluto-cell-spacing);
-}
-
-pluto-output details:first-child {
-	margin-block-start: 0;
-}
-
-pluto-output details:last-child {
-	margin-block-end: 0;
-}
-
-pluto-output details summary {
-	cursor: pointer;
-	font-weight: bold;
-	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;
-}
-
 plutoui-detail {
 	display: block;
 	margin-block-end: var(--pluto-cell-spacing);
 }
+
 plutoui-detail:last-child {
 	margin-block-end: 0;
 }
@@ -207,7 +167,7 @@ begin
 			- Build **volcanic lair** 🌋
 			""",
 			@htl("<p style='font-variant: small-caps'>fantastic!</p>"),
-			["Cat", "Laser (Pointer) ", "Volcano"],
+			["Cat", "Laser (Pointer)", "Volcano"],
 			Dict(
 				:cat => "Fluffy",
 				:laser => "Pointy",