.archive {
#timeline { position: relative; &:before { content: ''; position: absolute; top: 0; left: -2px; height: 100%; width: 4px; background: $background-color; } &:after { content: ""; display: table; clear: both; } } .archive-title { position: relative; margin: 2em auto 1em; .archive-year { margin-left: 1em; &:before { content: " "; position: absolute; left: 0; top: 50%; margin-left: -4px; margin-top: -4px; width: 8px; height: 8px; background: #bbb; border-radius: 50%; } } } ul { list-style: none; li { margin: 1em auto; } }
}