SebinNyshkim/character-ref
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: ♻️ use more appropriate elements for semantics

Browse source
This commit is contained in:
Sebin Nyshkim 2025-04-09 19:05:09 +02:00
parent 10a971c621
commit 7bd2440556
3 changed files with 18 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/timeline.webc
View file

@ -1,10 +1,10 @@
<div class="timeline">
<div class="job" webc:for="job of jobs">
<ul class="timeline">
<li class="job" webc:for="job of jobs">
<icon class="icon" :icon="job.icon"></icon>
<p class="title" @text="job.title"></p>
<p class="text" @text="job.desc"></p>
</div>
</div>
</li>
</ul>
<style>
.timeline {
@ -13,6 +13,9 @@
--timeline-stroke-color: var(--clr-timeline-stroke);
--timeline-stroke-thickness: calc(var(--timeline-circle-size) / 16);
margin-block: 1em;
padding: 0;
@media (min-width: 32em) {
--timeline-circle-size: 4rem;
}