aron/awebsite
aron/awebsite
1
0
Fork 0
Code Issues Pull requests Wiki Activity Actions

Theme installed

Browse source
This commit is contained in:
Aron Petau 2025-04-29 21:13:41 +02:00
parent 8c90bb2dfc
commit 9f4d78baa2
135 changed files with 2650 additions and 269 deletions
Download patch file Download diff file Expand all files Collapse all files

70
sass/css/_timeline.scss Normal file
View file

@ -0,0 +1,70 @@
#timeline-content {
margin-top: 50px;
text-align: center;
p {
font-size: .8em;
font-weight: lighter;
h3 {
font-size: 1em;
font-weight: lighter;
}
}
}
/* Timeline */
.timeline {
border-left: 4px solid var(--hover-color);
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
background: var(--code-bg-color);
margin: auto;
// position: relative;
padding: 50px;
list-style: none;
text-align: left;
// font-weight: 400;
max-width: 60%;
}
.timeline .event {
margin-bottom: 4em;
position: relative;
list-style: none;
line-height: 1.5em;
font-size: 1.2em;
font-weight: 400;
width: 100%;
h3 p {
line-height: .5em;
font-weight:700;
}
}
.timeline .event:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}
.timeline .event:before,
.timeline .event:after {
position: absolute;
display: block;
top: 0;
}
.timeline .event:before {
left: -8em;
line-height: .5em;
color: var(--invis-color);
content: attr(data-date);
ul, li {
list-style: none;
}
}
.timeline .event:after {
box-shadow: 0 0 0 4px var(--hover-color);
left: -2.5em;
background: var(--code-bg-color);
border-radius: 50%;
height: .5em;
width: .5em;
content: "";
}