karaolidis/caldwell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add summary animation

Browse Source 
Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
This commit is contained in:
Nick Karaolidis
2025-09-14 11:17:14 +01:00
parent d9a3c4b4a1
commit e7d8ece65d
3 changed files with 38 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
assets/sass/common.scss
View File

@@ -62,3 +62,35 @@ p {
li {
margin: 0.5rem 0 0.5rem 0;
}
details {
background-color: var(--background-50);
padding: 1rem 1.5rem 1rem 1.5rem;
border-radius: 0.5rem;
p {
margin: 0.5rem 0 0.5rem 0;
}
summary {
margin: 0.5rem;
font-weight: bold;
display: inline-flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
}
summary::before {
content: '';
border-width: 0.4rem;
border-style: solid;
border-color: transparent transparent transparent var(--text);
transition: transform 0.3s ease;
transform-origin: 25% 50%;
}
&[open] summary::before {
transform: rotate(90deg);
}
}