@primer/css/dist/timeline.css

The CSS implementation of GitHub's Primer Design System

.TimelineItem{position:relative;display:flex;padding:16px 0;margin-left:16px}.TimelineItem::before{position:absolute;top:0;bottom:0;left:0;display:block;width:2px;content:"";background-color:var(--color-border-secondary)}.TimelineItem:target .TimelineItem-badge{border-color:var(--color-timeline-target-badge-border);box-shadow:0 0 0.2em var(--color-timeline-target-badge-shadow)}.TimelineItem-badge{position:relative;z-index:1;display:flex;width:32px;height:32px;margin-right:8px;margin-left:-15px;color:var(--color-icon-secondary);align-items:center;background-color:var(--color-timeline-badge-bg);border:2px solid var(--color-bg-canvas);border-radius:50%;justify-content:center;flex-shrink:0}.TimelineItem-badge--success{color:var(--color-text-white);background-color:var(--color-btn-primary-bg);border:1px solid var(--color-timeline-badge-success-border)}.TimelineItem-body{min-width:0;max-width:100%;margin-top:4px;color:var(--color-timeline-text);flex:auto}.TimelineItem-avatar{position:absolute;left:-72px;z-index:1}.TimelineItem-break{position:relative;z-index:1;height:24px;margin:0;margin-bottom:-16px;margin-left:-56px;background-color:var(--color-bg-canvas);border:0;border-top:4px solid var(--color-border-primary)}.TimelineItem--condensed{padding-top:4px;padding-bottom:0}.TimelineItem--condensed:last-child{padding-bottom:16px}.TimelineItem--condensed .TimelineItem-badge{height:16px;margin-top:8px;margin-bottom:8px;color:var(--color-icon-secondary);background-color:var(--color-bg-canvas);border:0}

/*# sourceMappingURL=timeline.css.map */