39 lines
504 B
CSS
39 lines
504 B
CSS
.header {
|
||
background-color: #14284c;
|
||
padding: 1em;
|
||
margin: 1.5em 0;
|
||
font-weight: bold;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
label:after {
|
||
content: "∨";
|
||
right: 1em;
|
||
}
|
||
|
||
input:focus + label {
|
||
border: 1px dotted white;
|
||
}
|
||
|
||
input {
|
||
opacity: 0;
|
||
overflow: hidden;
|
||
position: absolute;
|
||
z-index: -1;
|
||
}
|
||
|
||
input:checked + label:after {
|
||
content: "∧";
|
||
}
|
||
|
||
.content {
|
||
margin-bottom: 1.5em;
|
||
padding: 0 2em;
|
||
display: none;
|
||
}
|
||
|
||
input:checked ~ .content {
|
||
display: block;
|
||
}
|