diff booket.css @ 23:69552aee9993

Use custom expander instead of details element Use a custom expander instead of a details element which is not (yet) universally supported.
author Guido Berhoerster <guido+booket@berhoerster.name>
date Sun, 05 Oct 2014 19:46:32 +0200
parents b19db583b5f8
children 8c2f3e72d514
line wrap: on
line diff
--- a/booket.css	Sat Oct 04 22:16:56 2014 +0200
+++ b/booket.css	Sun Oct 05 19:46:32 2014 +0200
@@ -113,6 +113,24 @@
     font-weight: bold;
 }
 
+.expander > .expander-label {
+    cursor: pointer;
+}
+
+.expander > .expander-label::before {
+    content: "\25B6";
+    margin-right: .5em;
+}
+
+.expander[data-expander-open] > .expander-label::before {
+    content: "\25BC";
+    margin-right: .5em;
+}
+
+.expander:not([data-expander-open]) > :not(.expander-label) {
+    display: none;
+}
+
 #logo {
     height: 2em;
 }