aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
authorJacob Rask <[email protected]>2012-02-19 22:14:18 +0100
committerJacob Rask <[email protected]>2012-02-19 22:14:18 +0100
commitf28140897e92882a2bbecd8c3426e978bd29ba86 (patch)
treec9185ce58b1b20794d9510d65c87f411f3bec498 /docs
parentc1775da18714170847e1fb7768f375803b63c489 (diff)
downloadbootstrap-f28140897e92882a2bbecd8c3426e978bd29ba86.tar.xz
bootstrap-f28140897e92882a2bbecd8c3426e978bd29ba86.zip
Update documentation for abbreviations
Diffstat (limited to 'docs')
-rw-r--r--docs/assets/bootstrap.zipbin53441 -> 53441 bytes
-rw-r--r--docs/base-css.html8
-rw-r--r--docs/templates/pages/base-css.mustache8
3 files changed, 10 insertions, 6 deletions
diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index a52a2ffe7..307e72ac9 100644
--- a/docs/assets/bootstrap.zip
+++ b/docs/assets/bootstrap.zip
Binary files differ
diff --git a/docs/base-css.html b/docs/base-css.html
index 9fad87178..5a2e12748 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -166,7 +166,8 @@
Wraps abbreviations and acronyms to show the expanded version on hover
</td>
<td>
- Include optional <code>title</code> for expanded text
+ <p>Include optional <code>title</code> attribute for expanded text</p>
+ Use <code>.initialism</code> class for uppercase abbreviations.
</td>
</tr>
<tr>
@@ -205,8 +206,9 @@
</div>
<div class="span4">
<h3>Example abbreviations</h3>
- <p>Abbreviations are styled with uppercase text and a light dotted bottom border. They also have a help cursor on hover so users have extra indication something will be shown on hover.</p>
- <p><abbr title="HyperText Markup Language">HTML</abbr> is the best thing since sliced bread.</p>
+ <p>Abbreviations with a <code>title</code> attribute have a light dotted bottom border and a help cursor on hover. This gives users extra indication something will be shown on hover.</p>
+ <p>Add the <code>initialism</code> class to an abbreviation to increase typographic harmony by giving it a slightly smaller text size.</p>
+ <p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr> is the best thing since sliced bread.</p>
<p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
</div>
</div>
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 84d48fb1e..96036d6ee 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -90,7 +90,8 @@
{{_i}}Wraps abbreviations and acronyms to show the expanded version on hover{{/i}}
</td>
<td>
- {{_i}}Include optional <code>title</code> for expanded text{{/i}}
+ <p>{{_i}}Include optional <code>title</code> attribute for expanded text{{/i}}</p>
+ {{_i}}Use <code>.initialism</code> class for uppercase abbreviations.{{/i}}
</td>
</tr>
<tr>
@@ -129,8 +130,9 @@
</div>
<div class="span4">
<h3>{{_i}}Example abbreviations{{/i}}</h3>
- <p>{{_i}}Abbreviations are styled with uppercase text and a light dotted bottom border. They also have a help cursor on hover so users have extra indication something will be shown on hover.{{/i}}</p>
- <p>{{_i}}<abbr title="HyperText Markup Language">HTML</abbr> is the best thing since sliced bread.{{/i}}</p>
+ <p>{{_i}}Abbreviations with a <code>title</code> attribute have a light dotted bottom border and a help cursor on hover. This gives users extra indication something will be shown on hover.{{/i}}</p>
+ <p>{{_i}}Add the <code>initialism</code> class to an abbreviation to increase typographic harmony by giving it a slightly smaller text size.{{/i}}</p>
+ <p>{{_i}}<abbr title="HyperText Markup Language" class="initialism">HTML</abbr> is the best thing since sliced bread.{{/i}}</p>
<p>{{_i}}An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.{{/i}}</p>
</div>
</div>