From: Daniele Lenares <daniele.lenares@gmail.com>
Date: Thu, 3 Aug 2017 18:52:00 +0000 (+0200)
Subject: Fixes #1001 (#1005)
X-Git-Tag: 0.5.1~16
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=5cee4c8974b65c6d5ff12d3b313d64eabe02b484;p=thirdparty%2Fbulma.git

Fixes #1001 (#1005)

* Fix #1001

* Order modifiers alphabetically.
---

diff --git a/docs/documentation/modifiers/typography-helpers.html b/docs/documentation/modifiers/typography-helpers.html
index 2e1194e32..adbff9758 100644
--- a/docs/documentation/modifiers/typography-helpers.html
+++ b/docs/documentation/modifiers/typography-helpers.html
@@ -266,5 +266,42 @@ doc-subtab: typography-helpers
       </tbody>
     </table>
 
+    <hr>
+
+    <h3 class="title">Text transformation</h3>
+
+    <div class="content">
+      <p>
+        You can transform the text with the use of one of <strong>3 text transformation helpers</strong>:
+      </p>
+    </div>
+
+    <table class="table is-bordered">
+      <thead>
+      <tr>
+        <th>
+          Class
+        </th>
+        <th>
+          Transformation
+        </th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr>
+        <td><code>.is-capitalized</code></td>
+        Transforms <strong>the first character</strong> of each word to <strong>uppercase</strong>
+      </tr>
+      <tr>
+        <td><code>.is-lowercase</code></td>
+        <td>Transforms all characters to <strong>lowercase</strong></td>
+      </tr>
+      <tr>
+        <td><code>.is-uppercase</code></td>
+        <td>Transforms all characters to <strong>uppercase</strong></td>
+      </tr>
+      </tbody>
+    </table>
+
   </div>
 </section>
diff --git a/sass/base/helpers.sass b/sass/base/helpers.sass
index 251b03b4d..64fdcff53 100755
--- a/sass/base/helpers.sass
+++ b/sass/base/helpers.sass
@@ -53,6 +53,15 @@
 .has-text-right
   text-align: right !important
 
+.is-capitalized
+  text-transform: capitalize !important
+
+.is-lowercase
+  text-transform: lowercase !important
+
+.is-uppercase
+  text-transform: uppercase !important
+
 @each $name, $pair in $colors
   $color: nth($pair, 1)
   .has-text-#{$name}