diff options
| author | Mark Otto <[email protected]> | 2015-12-07 23:32:31 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-12-07 23:32:31 -0800 |
| commit | 886bbe9bc0f2299fb84bc37cc55c2686ca634035 (patch) | |
| tree | 4ba8fc72c7be001605a76fcd80e81f9a86f59f2a /docs/content | |
| parent | 7303977c520342b0f557e09c798f6c302e287cf3 (diff) | |
| parent | 0fdfde7709aecda1b75aa34e6a7e504e041cbf8a (diff) | |
| download | bootstrap-886bbe9bc0f2299fb84bc37cc55c2686ca634035.tar.xz bootstrap-886bbe9bc0f2299fb84bc37cc55c2686ca634035.zip | |
Merge pull request #18138 from bassjobsen/patch-12
refactor blockqoutes to to avoid tag selectors & child selectors
Diffstat (limited to 'docs/content')
| -rw-r--r-- | docs/content/typography.md | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/docs/content/typography.md b/docs/content/typography.md index 846852a95..fec257e25 100644 --- a/docs/content/typography.md +++ b/docs/content/typography.md @@ -147,22 +147,22 @@ Add `.initialism` to an abbreviation for a slightly smaller font-size. ## Blockquotes -For quoting blocks of content from another source within your document. Wrap `<blockquote>` around any <abbr title="HyperText Markup Language">HTML</abbr> as the quote. For straight quotes, we recommend a `<p>`. +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">`. {% example html %} -<blockquote> - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> +<blockquote class="blockquote"> + <p class="blockquote-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> </blockquote> {% endexample %} ### Naming a source -Add a `<footer>` for identifying the source. Wrap the name of the source work in `<cite>`. +Add a `<footer class="blockquote-footer">` for identifying the source. Wrap the name of the source work in `<cite>`. {% example html %} <blockquote class="blockquote"> - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> - <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer> + <p class="blockquote-text">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> </blockquote> {% endexample %} @@ -172,8 +172,8 @@ Add `.blockquote-reverse` for a blockquote with right-aligned content. {% example html %} <blockquote class="blockquote blockquote-reverse"> - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> - <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer> + <p class="blockquote-text">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> </blockquote> {% endexample %} |