1 line
1.7 KiB
CSS
1 line
1.7 KiB
CSS
.timeline{line-height:1.4em;list-style:none;margin:0;padding:0;width:100%}.timeline li:last-of-type .timeline-item{padding-bottom:0}.timeline .timeline-item{color:var(--color-font-2);display:block;padding-bottom:40px;padding-left:40px;position:relative;text-decoration:none}.timeline .timeline-item:hover .timeline-marker:before{background:var(--color-primary)}.timeline .timeline-item .timeline-info{font-size:12px;letter-spacing:1px;padding-top:2px;text-transform:uppercase;white-space:nowrap}.timeline .timeline-item .timeline-marker{bottom:0;left:0;position:absolute;top:0;width:15px}.timeline .timeline-item .timeline-marker:last-child:after{content:none}.timeline .timeline-item .timeline-marker:before{background:transparent;border:2px solid var(--color-primary);border-radius:100%;content:"";display:block;height:8px;left:50%;position:absolute;top:5.5px;transform:translateX(-50%);transition:background .3s ease-in-out,border .3s ease-in-out;width:8px}.timeline .timeline-item .timeline-marker:after{background:var(--color-border);bottom:0;content:"";display:block;left:50%;position:absolute;top:24px;transform:translateX(-50%);width:1px}.timeline .timeline-item .timeline-content .timeline-title{align-items:center;color:var(--color-font);display:flex;font-size:16px;font-weight:400;margin:0;padding:12px 0}.timeline .timeline-item .timeline-content .timeline-title .icon{color:var(--color-font-3);height:16px;margin-right:8px;width:16px}.timeline .timeline-item .timeline-content p{color:var(--color-font-2);font-size:13px;margin:0}.archive{height:100%;overflow-y:auto;padding:24px 0}.archive ul{list-style:none;margin:0 auto;max-width:860px}.archive ul h2{font-weight:400;margin:0 0 24px} |