From 585f4787f7080e738e8172a56901c2f347a54a30 Mon Sep 17 00:00:00 2001 From: Konstantin Kulinicenko Date: Sat, 24 May 2014 15:33:15 +0200 Subject: [PATCH] text transformation added Transform text in components with text capitalization classes. --- docs/_includes/css/type.html | 12 ++++++++++++ docs/_includes/nav/css.html | 1 + less/type.less | 5 +++++ 3 files changed, 18 insertions(+) diff --git a/docs/_includes/css/type.html b/docs/_includes/css/type.html index da81d7414a..57ee72b920 100644 --- a/docs/_includes/css/type.html +++ b/docs/_includes/css/type.html @@ -203,6 +203,18 @@ You can use the mark tag to highlight text.

Justified text.

{% endhighlight %} +

Transformation classes

+

Transform text in components with text capitalization classes.

+
+

Lowercase text.

+

Uppercase text.

+

Capitalize text.

+
+{% highlight html %} +

Lowercase text.

+

Uppercase text.

+

Capitalize text.

+{% endhighlight %}

Abbreviations

diff --git a/docs/_includes/nav/css.html b/docs/_includes/nav/css.html index 5a8d86368d..ac86dffcec 100644 --- a/docs/_includes/nav/css.html +++ b/docs/_includes/nav/css.html @@ -33,6 +33,7 @@
  • Body copy
  • Inline text elements
  • Alignment classes
  • +
  • Transformation classes
  • Abbreviations
  • Addresses
  • Blockquotes
  • diff --git a/less/type.less b/less/type.less index 384cacc8e8..d76298e578 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;