added custom details arrow (needs final svg)
This commit is contained in:
parent
1c61915b53
commit
26d6606e09
3 changed files with 27 additions and 25 deletions
12
app/main.css
12
app/main.css
|
@ -105,10 +105,22 @@ details {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
details > summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
details > summary > svg {
|
||||
transition: all 0.25s cubic-bezier(0.07, 0.95, 0, 1);
|
||||
}
|
||||
|
||||
details[open] {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
details[open] > summary > svg {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
footer li:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue