diff options
Diffstat (limited to 'styles/partials/_post.scss')
-rw-r--r-- | styles/partials/_post.scss | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/styles/partials/_post.scss b/styles/partials/_post.scss new file mode 100644 index 0000000..f7fd3aa --- /dev/null +++ b/styles/partials/_post.scss @@ -0,0 +1,47 @@ +// Styles for single template +.post { + &-header { + &:after { + display: block; + content: ''; + border-bottom-width: 3px; + border-bottom-style: solid; + width: $space-large*2; + padding-top: $space-small; + border-bottom-color: $primary; + } + } + + &-title { + font-size: $size-3; + color: $text-title; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; + } + + &-footer { + margin: 1rem 0; + line-height: 1.8; + } + + &-tags { + margin-top: 0; + margin-bottom: 1rem; + padding-left: 0; + } + + &-tag { + display: inline-block; + margin: 0 0.5rem 0 0; + border-radius: $radius; + padding: $space-small/2 $space-small; + background: $light; + font-size: $size-7; + + &:hover { + background: $grey-light; + box-shadow: 0px 1px 15px 0 rgba(137, 146, 177, 0.15), 0px 10px 20px 0 rgba(137, 146, 177, 0.15); + } + } +} |