nice-metropole: add details summary for FAQ (#89436)
This commit is contained in:
parent
b7f0c67e2e
commit
35ce6798d1
|
@ -165,6 +165,52 @@
|
|||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Detail / summary / for FAQ
|
||||
//
|
||||
|
||||
details {
|
||||
background-color: $gray-xlight;
|
||||
padding: 1em;
|
||||
padding-left: 3em;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
summary {
|
||||
display: block;
|
||||
color: $blue;
|
||||
font-weight: 500;
|
||||
font-size: $fz-3;
|
||||
list-style-position: outside;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: "+";
|
||||
font-size: $fz-2;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: calc(100% + .33em);
|
||||
font-weight: 600;
|
||||
margin: auto;
|
||||
line-height: 1;
|
||||
height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
details[open] {
|
||||
border-color: $blue;
|
||||
summary::before {
|
||||
content: "-";
|
||||
}
|
||||
}
|
||||
|
||||
details + details {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
//
|
||||
// LAYOUT
|
||||
|
|
Loading…
Reference in New Issue