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

Update timeline component style

Browse source
This commit is contained in:
TheThomaas 2025-06-03 19:05:09 +02:00
parent 7a56c72071
commit 44629924c4
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -8,6 +8,7 @@
.timeline:before { .timeline:before {
content: ""; content: "";
background-color: var(--color-neutral-200); background-color: var(--color-neutral-200);
background: linear-gradient(180deg, var(--color-neutral-200) 0%, var(--color-neutral-200) 85%, transparent 100%);
inline-size: 6px; inline-size: 6px;
margin-inline-start: -3px; margin-inline-start: -3px;
position: absolute; position: absolute;
@ -31,7 +32,7 @@
aspect-ratio: 1; aspect-ratio: 1;
inline-size: var(--size); inline-size: var(--size);
background-color: var(--color-neutral-200); background-color: var(--color-neutral-200);
border: 6px solid var(--color-primary-400); border: 6px solid var(--color-primary-600);
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
@ -41,5 +42,5 @@
transform: translateY(50%); transform: translateY(50%);
} }
.timeline li:hover:before { .timeline li:hover:before {
border-color: var(--color-primary-700); border-color: var(--color-secondary-600);
} }