diff options
Diffstat (limited to 'src/scss/components/_post.scss')
| -rwxr-xr-x | src/scss/components/_post.scss | 88 |
1 files changed, 88 insertions, 0 deletions
diff --git a/src/scss/components/_post.scss b/src/scss/components/_post.scss new file mode 100755 index 0000000..b0a34bb --- /dev/null +++ b/src/scss/components/_post.scss @@ -0,0 +1,88 @@ +.post { + position: relative; + width: 100%; + display: inline-block; + vertical-align: top; + + .post-header { + .post-title { + margin: 0; + word-break: initial; + overflow: hidden; + + &:hover { + text-decoration: none; + } + } + } + // Post meta contains post's date, post's categories and tags + .post-meta { + line-height: 1.5em; + font-family: map-get($font-families, 'post-meta'); + font-size: map-get($font-size, small); + font-weight: 400; + color: map-get($colors, light); + + a { + color: map-get($colors, light); + } + } + .post-content { + text-rendering: optimizelegibility; + letter-spacing: -0.3px; + font-family: map-get($font-families, 'post-content'); + color: map-get($colors, base); + margin-top: 20px; + font-weight: 400; + overflow: hidden; + @include prefix('hypens', 'auto', 'webkit' 'moz'); + + img { + display: block; + width: auto; + max-width: 100%; + } + :not(blockquote):not(.alert) { + & > p { + margin: 1.5em 0 0 0; + } + } + } + .post-footer { + margin-top: 20px; + &-tags { + padding-bottom: 10px; + margin-bottom: 10px; + border-bottom: 1px solid #eef2f8; + } + } +} + +// Increase the font size of the post's title on medium screen (only for single post view) +@media #{$medium-only} { + .post { + .post-header { + .post-title { + font-size: map-get($headings-font-size, h1) + 0.5rem; + } + } + } +} + +// Increase font size of the post's title on large screen (only for single post view) +@media #{$large-and-up} { + .post { + .post-header { + .post-title { + font-size: map-get($headings-font-size, h1) + 0.9rem; + } + } + } +} + +// Increase font-size on medium and large screen +@media #{$medium-and-up} { + .post-content { + font-size: 1.7rem; + } +}
\ No newline at end of file |