fuck u clippi (#1310)
This commit is contained in:
+16
-16
@@ -107,37 +107,37 @@
|
|||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
.timeline-grid {
|
.timeline-grid {
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
gap: 8rem 2.5rem;
|
gap: 10rem 4rem;
|
||||||
align-items: start;
|
align-items: start;
|
||||||
}
|
}
|
||||||
.timeline-card {
|
.timeline-card {
|
||||||
min-height: clamp(38rem, 62vh, 56rem);
|
padding: clamp(2.5rem, 3vw, 4rem);
|
||||||
padding: 2.5rem;
|
|
||||||
}
|
}
|
||||||
.timeline-marker {
|
.timeline-marker {
|
||||||
left: 2.5rem;
|
top: -1.8rem;
|
||||||
width: 3rem;
|
left: clamp(2.5rem, 3vw, 4rem);
|
||||||
height: 3rem;
|
width: 3.6rem;
|
||||||
font-size: 1.15rem;
|
height: 3.6rem;
|
||||||
|
font-size: 1.35rem;
|
||||||
}
|
}
|
||||||
.timeline-index {
|
.timeline-index {
|
||||||
font-size: 0.78rem;
|
font-size: 0.85rem;
|
||||||
}
|
}
|
||||||
.timeline-date {
|
.timeline-date {
|
||||||
font-size: 1.05rem;
|
font-size: 1.15rem;
|
||||||
}
|
}
|
||||||
.timeline-title {
|
.timeline-title {
|
||||||
font-size: 1.65rem;
|
font-size: 1.85rem;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
.timeline-desc {
|
.timeline-desc {
|
||||||
font-size: 1.05rem;
|
font-size: 1.15rem;
|
||||||
line-height: 1.8;
|
line-height: 1.85;
|
||||||
}
|
}
|
||||||
.timeline-card-footer {
|
.timeline-card-footer {
|
||||||
margin-top: 1.5rem;
|
margin-top: 2rem;
|
||||||
padding-top: 1rem;
|
padding-top: 1.25rem;
|
||||||
font-size: 0.82rem;
|
font-size: 0.9rem;
|
||||||
}
|
}
|
||||||
/* The line snakes 3 by 3: row 1 left to right, row 2 right to left,
|
/* The line snakes 3 by 3: row 1 left to right, row 2 right to left,
|
||||||
row 3 left to right, so the connector never crosses itself. */
|
row 3 left to right, so the connector never crosses itself. */
|
||||||
@@ -288,7 +288,7 @@
|
|||||||
|
|
||||||
<!-- Timeline -->
|
<!-- Timeline -->
|
||||||
<section class="pb-28">
|
<section class="pb-28">
|
||||||
<div class="max-w-[1200px] mx-auto px-6 lg:px-12">
|
<div class="max-w-[1800px] mx-auto px-6 lg:px-12 xl:px-16">
|
||||||
<div class="timeline" id="timeline">
|
<div class="timeline" id="timeline">
|
||||||
<!-- Flowing connector line (drawn by JS through the node markers) -->
|
<!-- Flowing connector line (drawn by JS through the node markers) -->
|
||||||
<svg class="timeline-line" id="timelineLine" preserveAspectRatio="none" aria-hidden="true">
|
<svg class="timeline-line" id="timelineLine" preserveAspectRatio="none" aria-hidden="true">
|
||||||
|
|||||||
Reference in New Issue
Block a user