Skip to content
Permalink
Browse files

fix(blockquote): regression introduced in last version

Bootstrap style override our style. This patch fixes it.
  • Loading branch information
talha131 committed Feb 4, 2020
1 parent b7d8c4f commit 2aace21d633e11527a224c7201abad5fef811ce3
Showing with 36 additions and 132 deletions.
  1. +0 −50 static/bootstrap/type.less
  2. +36 −31 static/css/blockquote.css
  3. +0 −51 static/css/bootstrap.css
@@ -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;
@@ -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;
}
}
}
@@ -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;

0 comments on commit 2aace21

Please sign in to comment.
You can’t perform that action at this time.