diff --git a/assets/scss/partial/article.scss b/assets/scss/partial/article.scss index 82a005f9..8042489f 100644 --- a/assets/scss/partial/article.scss +++ b/assets/scss/partial/article.scss @@ -63,69 +63,69 @@ article { height: 100%; } } - blockquote { - margin: 1rem 10px; - padding: .5em 10px; - background: inherit; + } + .content blockquote { + margin: 1rem 10px; + padding: .5em 10px; + background: inherit; + color: $color-quote; + quotes: "\201C" "\201D" "\2018" "\2019"; + font-weight: bold; + + p { + margin: 0; + } + &:before { + margin-right: .25em; color: $color-quote; - quotes: "\201C" "\201D" "\2018" "\2019"; - font-weight: bold; + content: "\201C"; + vertical-align: -.4em; + font-size: 2em; + line-height: .1em; + } + footer { + margin: line-height 0; + color: $color-meta; + font-size: 11px; - p { - margin: 0; + a { + background-image: linear-gradient(transparent, transparent 5px, $color-meta 5px, $color-meta); + color: $color-meta; } - &:before { - margin-right: .25em; - color: $color-quote; - content: "\201C"; - vertical-align: -.4em; - font-size: 2em; - line-height: .1em; + a:hover { + background-image: linear-gradient(transparent, transparent 4px, lighten($color-meta, 20%) 4px, lighten($color-meta, 20%)); + color: lighten($color-meta, 20%); } - footer { - margin: line-height 0; - color: $color-meta; - font-size: 11px; - - a { - background-image: linear-gradient(transparent, transparent 5px, $color-meta 5px, $color-meta); - color: $color-meta; - } - a:hover { - background-image: linear-gradient(transparent, transparent 4px, lighten($color-meta, 20%) 4px, lighten($color-meta, 20%)); - color: lighten($color-meta, 20%); - } - cite { - &:before { - padding: 0 .5em; - content: "—"; - } + cite { + &:before { + padding: 0 .5em; + content: "—"; } } } - .pullquote { - margin: 0; - width: 45%; - text-align: left; + } + .content .pullquote { + margin: 0; + width: 45%; + text-align: left; - &.left { - margin-right: 1em; - margin-left: .5em; - } - &.right { - margin-right: .5em; - margin-left: 1em; - } + &.left { + margin-right: 1em; + margin-left: .5em; } - .caption { - position: relative; - display: block; - margin-top: .5em; - color: $color-meta; - text-align: center; - font-size: .9em; + &.right { + margin-right: .5em; + margin-left: 1em; } } + .content .caption { + position: relative; + display: block; + margin-top: .5em; + color: $color-meta; + text-align: center; + font-size: .9em; + } } .posttitle { text-transform: none;