diff options
Diffstat (limited to 'docs/content/typography.md')
| -rw-r--r-- | docs/content/typography.md | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/docs/content/typography.md b/docs/content/typography.md index 43f87cbde..df4f9a9f7 100644 --- a/docs/content/typography.md +++ b/docs/content/typography.md @@ -160,12 +160,10 @@ Transform text in components with text capitalization classes. ## Abbreviations -Stylized implementation of HTML's `<abbr>` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a `title` attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover. +Stylized implementation of HTML's `<abbr>` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a `title` attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover and to users of assistive technologies. ### Basic abbreviation -For expanded text on long hover of an abbreviation, include the `title` attribute with the `<abbr>` element. - {% example html %} <abbr title="attribute">attr</abbr> {% endexample %} @@ -344,10 +342,10 @@ Align terms and descriptions horizontally by using our grid system's predefined <dt class="col-sm-3">Euismod</dt> <dd class="col-sm-9">Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd> <dd class="col-sm-9 col-sm-offset-3">Donec id elit non mi porta gravida at eget metus.</dd> - + <dt class="col-sm-3">Malesuada porta</dt> <dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd> - + <dt class="col-sm-3 text-truncate">Truncated term is truncated</dt> <dd class="col-sm-9">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd> </dl> |