rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-06 04:08:22 +01:00
Code Issues Actions Packages Releases Activity

rip out the .blockquote-* children classes for margin utils

Browse Source
This commit is contained in:
Mark Otto 2015-12-07 23:36:35 -08:00
parent 886bbe9bc0
commit 9e872efb3f
2 changed files with 4 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/content/typography.md
View File

@ -147,11 +147,11 @@ Add `.initialism` to an abbreviation for a slightly smaller font-size.
## Blockquotes ## Blockquotes
For quoting blocks of content from another source within your document. Wrap `<blockquote class="blockquote">` around any <abbr title="HyperText Markup Language">HTML</abbr> as the quote. For straight quotes, we recommend a `<p class="blockquote-text">` or list `<ul class="blockquote-list">` , `<ol class="blockquote-list">`. For quoting blocks of content from another source within your document. Wrap `<blockquote class="blockquote">` around any <abbr title="HyperText Markup Language">HTML</abbr> as the quote.
{% example html %} {% example html %}
<blockquote class="blockquote"> <blockquote class="blockquote">
<p class="blockquote-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <p class="m-b-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote> </blockquote>
{% endexample %} {% endexample %}
@ -161,7 +161,7 @@ Add a `<footer class="blockquote-footer">` for identifying the source. Wrap the
{% example html %} {% example html %}
<blockquote class="blockquote"> <blockquote class="blockquote">
<p class="blockquote-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <p class="m-b-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer> <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote> </blockquote>
{% endexample %} {% endexample %}
@ -172,7 +172,7 @@ Add `.blockquote-reverse` for a blockquote with right-aligned content.
{% example html %} {% example html %}
<blockquote class="blockquote blockquote-reverse"> <blockquote class="blockquote blockquote-reverse">
<p class="blockquote-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <p class="m-b-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer> <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote> </blockquote>
{% endexample %} {% endexample %}

8
scss/_type.scss
View File

@ -127,14 +127,6 @@ mark,
border-left: .25rem solid $blockquote-border-color; border-left: .25rem solid $blockquote-border-color;
} }
.blockquote-text,
.blockquote-list // ul, ol
{
&:last-child {
margin-bottom: 0;
}
}
.blockquote-footer { .blockquote-footer {
display: block; display: block;
font-size: 80%; // back to default font-size font-size: 80%; // back to default font-size