Thread { $maxWidth margin: 0 auto display: flex flex-direction: column div.my-chunk { $chunk justify-content: space-between img.Avatar { visibility: hidden } div.msgs { div.msg-row { div.msg { $colorMessagePrimary $roundLeft } } } } div.other-chunk { $chunk div.msgs { div.msg-row { div.msg { border: 1px #fff solid $roundRight -unread { font-weight: bold } } div.Timeago { justify-content: flex-start } } } } } $chunk { display: flex margin-bottom: .5rem img.Avatar { margin-right: 1rem } div.msgs { max-width: 80% div.msg-row { display: flex flex-wrap: wrap margin-bottom: 3px :first-child { div.msg { $roundTop } } :last-child { div.msg { $roundBottom } } div.msg { line-height: 1.2 $backgroundPrimaryText padding: 0 .7rem border-radius: 4px } div.spacer { flex-grow: 1 } div.Timeago { display: none flex-basis: 100% margin: .5rem /* display: flex */ justify-content: flex-end } } } div.msgs { div.msg-row { :last-child { div.Timeago { display: flex } } } } }