kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

refactor blockqoutes to to avoid tag selectors & child selectors css v4

Browse source
This commit is contained in:
Bass Jobsen 2015-11-03 10:17:21 +01:00
parent bfa392b097
commit bffd2905b9
1 changed files with 24 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
scss/_type.scss
View file

@ -133,27 +133,27 @@ mark,
margin-bottom: $spacer;
font-size: $blockquote-font-size;
border-left: .25rem solid $blockquote-border-color;
}
p,
ul,
ol {
&:last-child {
margin-bottom: 0;
}
}
footer {
display: block;
font-size: 80%; // back to default font-size
line-height: $line-height;
color: $blockquote-small-color;
&::before {
content: "\2014 \00A0"; // em dash, nbsp
}
.blockquote-text,
.blockquote-list // ul, ol
{
&:last-child {
margin-bottom: 0;
}
}
.blockquote-footer {
display: block;
font-size: 80%; // back to default font-size
line-height: $line-height;
color: $blockquote-small-color;
&::before {
content: "\2014 \00A0"; // em dash, nbsp
}
}
// Opposite alignment of blockquote
.blockquote-reverse {
padding-right: $spacer;
@ -161,13 +161,14 @@ mark,
text-align: right;
border-right: .25rem solid $blockquote-border-color;
border-left: 0;
}
// Account for citation
footer {
&::before { content: ""; }
&::after {
content: "\00A0 \2014"; // nbsp, em dash
}
.blockquote-reverse .blockquote-footer {
&::before {
content: "";
}
&::after {
content: "\00A0 \2014"; // nbsp, em dash
}
}