diff options
| author | Konstantin Kulinicenko <[email protected]> | 2014-05-24 15:33:15 +0200 |
|---|---|---|
| committer | Konstantin Kulinicenko <[email protected]> | 2014-05-24 15:33:15 +0200 |
| commit | 585f4787f7080e738e8172a56901c2f347a54a30 (patch) | |
| tree | df89298e02ebd5845d093da7a34cf88e0a4d918e | |
| parent | 676fda9c8f59aa9c05f0579209d8018aceb1ac50 (diff) | |
| download | bootstrap-585f4787f7080e738e8172a56901c2f347a54a30.tar.xz bootstrap-585f4787f7080e738e8172a56901c2f347a54a30.zip | |
text transformation added
Transform text in components with text capitalization classes.
| -rw-r--r-- | docs/_includes/css/type.html | 12 | ||||
| -rw-r--r-- | docs/_includes/nav/css.html | 1 | ||||
| -rw-r--r-- | less/type.less | 5 |
3 files changed, 18 insertions, 0 deletions
diff --git a/docs/_includes/css/type.html b/docs/_includes/css/type.html index da81d7414..57ee72b92 100644 --- a/docs/_includes/css/type.html +++ b/docs/_includes/css/type.html @@ -203,6 +203,18 @@ You can use the mark tag to <mark>highlight</mark> text. <p class="text-justify">Justified text.</p> {% endhighlight %} + <h2 id="type-transformation">Transformation classes</h2> + <p>Transform text in components with text capitalization classes.</p> + <div class="bs-example"> + <p class="text-lowercase">Lowercase text.</p> + <p class="text-uppercase">Uppercase text.</p> + <p class="text-capitalize">Capitalize text.</p> + </div> +{% highlight html %} +<p class="text-lowercase">Lowercase text.</p> +<p class="text-uppercase">Uppercase text.</p> +<p class="text-capitalize">Capitalize text.</p> +{% endhighlight %} <!-- Abbreviations --> <h2 id="type-abbreviations">Abbreviations</h2> diff --git a/docs/_includes/nav/css.html b/docs/_includes/nav/css.html index 5a8d86368..ac86dffce 100644 --- a/docs/_includes/nav/css.html +++ b/docs/_includes/nav/css.html @@ -33,6 +33,7 @@ <li><a href="#type-body-copy">Body copy</a></li> <li><a href="#type-inline-text">Inline text elements</a></li> <li><a href="#type-alignment">Alignment classes</a></li> + <li><a href="#type-transformation">Transformation classes</a></li> <li><a href="#type-abbreviations">Abbreviations</a></li> <li><a href="#type-addresses">Addresses</a></li> <li><a href="#type-blockquotes">Blockquotes</a></li> diff --git a/less/type.less b/less/type.less index 384cacc8e..d76298e57 100644 --- a/less/type.less +++ b/less/type.less @@ -97,6 +97,11 @@ mark, .text-center { text-align: center; } .text-justify { text-align: justify; } +// Transformation +.text-lowercase { text-transform: lowercase; } +.text-uppercase { text-transform: uppercase; } +.text-capitalize { text-transform: capitalize; } + // Contextual colors .text-muted { color: @text-muted; |