TheThomaas/11ty-resume
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Fix issue with timeline list items

Browse source
This commit is contained in:
TheThomaas 2025-06-09 19:00:45 +02:00
parent c745c49080
commit 2ae2354750
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/css/components/timeline.css
View file

@ -14,20 +14,20 @@
position: absolute;
inset: 1.5rem 0 0 1.5rem;
}
.timeline li {
.timeline > li {
--size: 3rem;
padding: 0 0 0 calc(var(--size) + 0.8rem);
margin: 1.4rem 0;
position: relative;
list-style: none;
}
.timeline li:last-child {
.timeline > li:last-child {
margin-bottom: 3rem;
}
.timeline li:first-child {
.timeline > li:first-child {
margin-top: -20px;
}
.timeline li:before {
.timeline > li:before {
content: "";
aspect-ratio: 1;
inline-size: var(--size);
@ -41,6 +41,6 @@
inset-inline-start: 0;
transform: translateY(50%);
}
.timeline li:hover:before {
.timeline > li:hover:before {
border-color: var(--color-secondary-600);
}