.page {
@include center; max-width: 980px; text-align: center; .post-list { display: inline-block; vertical-align: top; width: 70%; max-width: 585px; text-align: left; li { padding-bottom: 50px; } figure, img { width: 100%; } figure { position: relative; overflow: hidden; height: 280px; margin-bottom: 20px; } img { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); } .post-details, h2 { display: inline-block; vertical-align: middle; max-width: 75%; } h2 { text-transform: none; font-size: 2.5em; letter-spacing: 0; line-height: 1.1em; margin-left: 5%; } header { position: relative; background: $accentFontColor; display: inline-block; width: 105%; padding: 2.5%; margin: 0 0 -20px -13%; z-index: 2; a { font-weight: 500 !important; } .month, .day, a { color: $mainFontColor; font-weight: 700; } .month { font-size: .9em; } .day { font-size: 1.4em; line-height: .9em; } .social-media { display: flex; clear: both; } .social-media-button { text-align: center; flex: 1 auto; border: 2px solid $mainFontColor; border-top: none; padding: 3px 0; font-size: .8em; } .twitter-button { border-right: none; } } time { float: left; text-align: center; padding: 5px 15px 10px 15px; border: 2px solid $mainFontColor; } .post-description { a { color: $mainFontColor !important; } } }
}