florian.richer/portfolio_leptos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add icon down

Browse source
This commit is contained in:
Florian RICHER 2023-06-04 21:31:45 +02:00
parent 53cc774d52
commit 006efc5369
2 changed files with 19 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/timeline/TimelineElement.scss
View file

@ -36,7 +36,7 @@
}
& > summary {
@apply block select-none cursor-pointer outline-none p-5 font-semibold;
@apply relative block select-none cursor-pointer outline-none p-5 pr-10 font-semibold;
// BEGIN TRANSITION
@apply mb-0;
@ -46,11 +46,24 @@
&:hover {
@apply bg-primary/20 dark:bg-dark_primary/20;
}
i {
@apply absolute right-5 h-full top-0 flex items-center;
& > svg {
@apply scale-125;
transition: transform 300ms ease;
}
}
}
&[open] {
& > summary {
@apply mb-5; // TRANSITION
& > i > svg {
@apply -rotate-180;
}
}
}
}