mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-24 06:03:10 +02:00
refactor blockqoutes to to avoid tag selectors & child selectors css v4
This commit is contained in:
@@ -133,16 +133,17 @@ 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 {
|
.blockquote-footer {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 80%; // back to default font-size
|
font-size: 80%; // back to default font-size
|
||||||
line-height: $line-height;
|
line-height: $line-height;
|
||||||
@@ -152,7 +153,6 @@ mark,
|
|||||||
content: "\2014 \00A0"; // em dash, nbsp
|
content: "\2014 \00A0"; // em dash, nbsp
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
// Opposite alignment of blockquote
|
// Opposite alignment of blockquote
|
||||||
.blockquote-reverse {
|
.blockquote-reverse {
|
||||||
@@ -161,14 +161,15 @@ 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 {
|
&::after {
|
||||||
content: "\00A0 \2014"; // nbsp, em dash
|
content: "\00A0 \2014"; // nbsp, em dash
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
|
Reference in New Issue
Block a user