From: Mark Otto <markdotto@gmail.com>
Date: Wed, 11 Jun 2014 05:56:38 +0000 (-0700)
Subject: Merge pull request #13671 from 04818419/text-transformation
X-Git-Tag: v3.2.0~77
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=1d97cbed0fc522304feedead906c3f479370fa06;p=thirdparty%2Fbootstrap.git

Merge pull request #13671 from 04818419/text-transformation

text transformation added
---

1d97cbed0fc522304feedead906c3f479370fa06
diff --cc docs/_includes/css/type.html
index 65001198d2,57ee72b920..124e4f087b
--- a/docs/_includes/css/type.html
+++ b/docs/_includes/css/type.html
@@@ -201,9 -200,21 +201,21 @@@ You can use the mark tag to <mark>highl
  <p class="text-left">Left aligned text.</p>
  <p class="text-center">Center aligned text.</p>
  <p class="text-right">Right aligned text.</p>
 -<p class="text-justify">Justified text.</p>
 +<p class="text-nowrap">No wrap 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 --cc less/type.less
index 101c81e729,d76298e578..93414474aa
--- a/less/type.less
+++ b/less/type.less
@@@ -96,8 -96,12 +96,13 @@@ mark
  .text-right          { text-align: right; }
  .text-center         { text-align: center; }
  .text-justify        { text-align: justify; }
 +.text-nowrap         { white-space: nowrap; }
  
+ // Transformation
+ .text-lowercase      { text-transform: lowercase; }
+ .text-uppercase      { text-transform: uppercase; }
+ .text-capitalize     { text-transform: capitalize; }
+ 
  // Contextual colors
  .text-muted {
    color: @text-muted;