mirror of
https://github.com/AmanTahiliani/box-box.git
synced 2026-08-08 04:06:18 -04:00
68 lines
1.5 KiB
CSS
68 lines
1.5 KiB
CSS
/* ── "What just happened" event rail (live page) ── */
|
|
|
|
.event-rail {
|
|
margin-top: var(--s5);
|
|
}
|
|
|
|
.event-rail-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--s3);
|
|
padding-top: var(--s4);
|
|
}
|
|
|
|
.event-rail-row {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: var(--s4);
|
|
padding: var(--s3) var(--s4);
|
|
border-left: 3px solid var(--border-2);
|
|
background: rgba(255, 255, 255, 0.03);
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
|
|
.event-rail-icon {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
color: var(--text-2);
|
|
padding-top: 1px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.event-kind-fastest-lap .event-rail-icon { color: var(--purple); }
|
|
.event-kind-personal-best .event-rail-icon { color: var(--green); }
|
|
.event-kind-overtake .event-rail-icon,
|
|
.event-kind-position-gain .event-rail-icon { color: var(--green); }
|
|
.event-kind-position-loss .event-rail-icon { color: var(--yellow); }
|
|
.event-kind-retirement .event-rail-icon,
|
|
.event-kind-track-status .event-rail-icon { color: var(--red); }
|
|
.event-kind-pit-in .event-rail-icon,
|
|
.event-kind-pit-out .event-rail-icon { color: var(--blue); }
|
|
|
|
.event-rail-body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--s1);
|
|
min-width: 0;
|
|
flex: 1;
|
|
}
|
|
|
|
.event-rail-headline {
|
|
font-size: 12px;
|
|
color: var(--text);
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.event-rail-detail {
|
|
font-size: 11px;
|
|
color: var(--text-2);
|
|
}
|
|
|
|
.event-rail-lap {
|
|
font-family: var(--f-mono);
|
|
font-size: 10px;
|
|
color: var(--text-3);
|
|
flex-shrink: 0;
|
|
padding-top: 2px;
|
|
}
|