mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-24 06:03:10 +02:00
Code Issues Releases Wiki 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
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; margin-bottom: $spacer;
font-size: $blockquote-font-size; font-size: $blockquote-font-size;
border-left: .25rem solid $blockquote-border-color; border-left: .25rem solid $blockquote-border-color;
}
p, .blockquote-text,
ul, .blockquote-list // ul, ol
ol { {
&:last-child { &:last-child {
margin-bottom: 0; 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-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 // Opposite alignment of blockquote
.blockquote-reverse { .blockquote-reverse {
padding-right: $spacer; padding-right: $spacer;
@@ -161,13 +161,14 @@ mark,
text-align: right; text-align: right;
border-right: .25rem solid $blockquote-border-color; border-right: .25rem solid $blockquote-border-color;
border-left: 0; border-left: 0;
}
// Account for citation .blockquote-reverse .blockquote-footer {
footer { &::before {
&::before { content: ""; } content: "";
&::after { }
content: "\00A0 \2014"; // nbsp, em dash &::after {
} content: "\00A0 \2014"; // nbsp, em dash
} }
} }