Remove <details> / <summary> css (#290)

Co-authored-by: Fons van der Plas <[email protected]>

Author: genericallyterrible

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",