mirror of
https://0xacab.org/sutty/sutty
synced 2024-11-26 16:56:22 +00:00
feat: agregado clase details a application.scss #15000
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
ed0c237d60
commit
4c902c8aaf
1 changed files with 28 additions and 0 deletions
|
@ -558,3 +558,31 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
|
|||
}
|
||||
}
|
||||
}
|
||||
// details styles
|
||||
|
||||
.details summary {
|
||||
list-style: none;
|
||||
cursor: default;
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
content: '▶';
|
||||
font-size: 2rem;
|
||||
position: absolute;
|
||||
left: 97%;
|
||||
bottom: 46%;
|
||||
transform: rotate(55deg);
|
||||
color: $magenta
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background-color: #13FEFE;
|
||||
color: black
|
||||
}
|
||||
}
|
||||
|
||||
.details[open] > summary::after {
|
||||
transform: rotate(90deg) translatey(-0.1em);
|
||||
color: $magenta
|
||||
}
|
||||
|
Loading…
Reference in a new issue