diff --git a/static/bootstrap/type.less b/static/bootstrap/type.less index 4c36e56f..e9fdf78c 100644 --- a/static/bootstrap/type.less +++ b/static/bootstrap/type.less @@ -143,56 +143,6 @@ abbr.initialism { text-transform: uppercase; } -// Blockquotes -blockquote { - padding: 0 0 0 15px; - margin: 0 0 @baseLineHeight; - border-left: 5px solid @grayLighter; - p { - margin-bottom: 0; - font-size: @baseFontSize * 1.25; - font-weight: 300; - line-height: 1.25; - } - small { - display: block; - line-height: @baseLineHeight; - color: @grayLight; - &:before { - content: '\2014 \00A0'; - } - } - - // Float right with text-align: right - &.pull-right { - float: right; - padding-right: 15px; - padding-left: 0; - border-right: 5px solid @grayLighter; - border-left: 0; - p, - small { - text-align: right; - } - small { - &:before { - content: ''; - } - &:after { - content: '\00A0 \2014'; - } - } - } -} - -// Quotes -q:before, -q:after, -blockquote:before, -blockquote:after { - content: ""; -} - // Addresses address { display: block; diff --git a/static/css/blockquote.css b/static/css/blockquote.css index 59541914..8ab17282 100644 --- a/static/css/blockquote.css +++ b/static/css/blockquote.css @@ -1,33 +1,38 @@ -blockquote { - --quotes-margin: 13px; - background: Cornsilk; - border-left: 5px solid goldenrod; - border-radius: var(--border-radius); - box-sizing: border-box; - margin: 1rem auto 2rem; - padding: 0.1rem 1.2rem; - position: relative; - width: 80%; - &:before, - &:after { - color: dimgray; - font-size: 4rem; - line-height: 0; - margin: 0; - padding: 0; - position: absolute; - } - &:before { - content: open-quote; - margin-right: var(--quotes-margin); - right: 100%; - top: 30px; - } - &:after { - bottom: 0px; - content: close-quote; - left: 100%; - margin-left: var(--quotes-margin); - top: auto; +.article-content { + & blockquote { + --quotes-margin: 13px; + background: Cornsilk; + border-left: 5px solid goldenrod; + border-radius: var(--border-radius); + box-sizing: border-box; + margin: 1rem auto 2rem; + padding: 0.1rem 1.2rem; + position: relative; + width: 80%; + &:before, + &:after { + color: dimgray; + font-size: 4rem; + line-height: 0; + margin: 0; + padding: 0; + position: absolute; + } + &:before { + content: open-quote; + margin-right: var(--quotes-margin); + right: 100%; + top: 30px; + } + &:after { + bottom: 0px; + content: close-quote; + left: 100%; + margin-left: var(--quotes-margin); + top: auto; + } + & p { + margin: 20px 0; + } } } diff --git a/static/css/bootstrap.css b/static/css/bootstrap.css index 53d86f2e..5f7aa593 100644 --- a/static/css/bootstrap.css +++ b/static/css/bootstrap.css @@ -832,57 +832,6 @@ abbr.initialism { text-transform: uppercase; } -blockquote { - padding: 0 0 0 15px; - margin: 0 0 20px; - border-left: 5px solid #eeeeee; -} - -blockquote p { - margin-bottom: 0; - font-size: 17.5px; - font-weight: 300; - line-height: 1.25; -} - -blockquote small { - display: block; - line-height: 20px; - color: #999999; -} - -blockquote small:before { - content: "\2014 \00A0"; -} - -blockquote.pull-right { - float: right; - padding-right: 15px; - padding-left: 0; - border-right: 5px solid #eeeeee; - border-left: 0; -} - -blockquote.pull-right p, -blockquote.pull-right small { - text-align: right; -} - -blockquote.pull-right small:before { - content: ""; -} - -blockquote.pull-right small:after { - content: "\00A0 \2014"; -} - -q:before, -q:after, -blockquote:before, -blockquote:after { - content: ""; -} - address { display: block; margin-bottom: 20px;