Mercurial > projects > booket
comparison 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 |
comparison
equal
deleted
inserted
replaced
22:b19db583b5f8 | 23:69552aee9993 |
---|---|
111 display: inline-block; | 111 display: inline-block; |
112 margin: 0; | 112 margin: 0; |
113 font-weight: bold; | 113 font-weight: bold; |
114 } | 114 } |
115 | 115 |
116 .expander > .expander-label { | |
117 cursor: pointer; | |
118 } | |
119 | |
120 .expander > .expander-label::before { | |
121 content: "\25B6"; | |
122 margin-right: .5em; | |
123 } | |
124 | |
125 .expander[data-expander-open] > .expander-label::before { | |
126 content: "\25BC"; | |
127 margin-right: .5em; | |
128 } | |
129 | |
130 .expander:not([data-expander-open]) > :not(.expander-label) { | |
131 display: none; | |
132 } | |
133 | |
116 #logo { | 134 #logo { |
117 height: 2em; | 135 height: 2em; |
118 } | 136 } |
119 | 137 |
120 #keyboard-shortcuts { | 138 #keyboard-shortcuts { |