sander/rowsandall
Private
Public Access
1
0
Fork 0
Code Activity

attempt at accordeon menu

Browse Source
This commit is contained in:
Sander Roosendaal
2018-09-21 16:06:57 +02:00
parent 96a105c304
commit c4a6af500f
4 changed files with 1172 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
static/css/rowsandall2.css
View File

@@ -888,3 +888,27 @@ a.wh:hover {
/* color: #1c75bc; */
text-decoration: none;
}
.cd-accordion-menu input[type=checkbox] {
/* hide native checkbox */
position: absolute;
opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
position: relative;
display: block;
padding: 18px 18px 18px 64px;
background: #4d5158;
box-shadow: inset 0 -1px #555960;
color: #ffffff;
font-size: 1.6rem;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
/* show children when item is checked */
display: block;
}