FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

move ityped to js asset, implement experiences horizontal vertical line in css

Browse source
This commit is contained in:
Aaron Qian 2022-11-11 10:47:14 -08:00 • committed by Aaron Qian
parent 97d60b44d9
commit a06ee73c4a
No known key found for this signature in database
GPG key ID: BF1A987C395B5B0E
4 changed files with 26 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

18
static/css/sections/experiences.css
View file

@ -47,7 +47,7 @@
left: 50%;
}
.vertical-line-left-adjustment::after {
.timeline .vertical-line:nth-child(even)::after {
left: calc(50% - 3px) !important;
}
@ -75,26 +75,26 @@
border-radius: 15px;
}
.top-left {
left: -50%;
top: -50%;
}
.top-right {
.timeline .row:nth-child(2n) div:nth-child(1) .corner {
left: 50%;
top: -50%;
}
.bottom-left {
.timeline .row:nth-child(2n) div:nth-child(3) .corner {
left: -50%;
top: calc(50% - 3px);
}
.bottom-right {
.timeline .row:nth-child(4n) div:nth-child(1) .corner {
left: 50%;
top: calc(50% - 3px);
}
.timeline .row:nth-child(4n) div:nth-child(3) .corner {
left: -50%;
top: -50%;
}
/* ============= Device specific fixes ======= */
/* Large screens such as TV */