Page -blogShow { // div.context {} div.content { padding: 0 section.top { position: sticky left: 0 right: 0 top: 0 background-color: #fff div.blogHeader { } } section.content { $maxWidth padding: .8rem margin: 0 auto header { $backgroundPrimaryText padding: 1.5rem display: flex div.blog { display: flex flex-wrap: wrap flex-grow: 1 align-items: center h1 { flex-basis: 100% $markdownLarge font-size: 2rem font-weight: 300 margin: 0 0 1rem 0 } div.Timeago { flex-basis: 100% margin-bottom: .6rem } div.Button.-channel { margin-right: 1rem } div.Likes { } } div.author { display: flex div.leftCol { margin-right: 1rem img.Avatar {} } div.rightCol { div.name { font-size: .9rem margin-bottom: .5rem } div.Button.-follow {} // extract } } } div.break { padding: 0 1.5rem $backgroundPrimaryText hr { margin: 0 border: none border-bottom: 1px solid gainsboro } } section.blog { $backgroundPrimaryText padding: 1.5rem margin-bottom: 1.5rem } div.Comments { } } } }