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