Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-20 20:24:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fixes #1001 (#1005)

Browse Source 
* Fix #1001

* Order modifiers alphabetically.
This commit is contained in:
Daniele Lenares
2017-08-03 20:52:00 +02:00
committed by Jeremy Thomas
parent e06a098df6
commit 5cee4c8974
2 changed files with 46 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
docs/documentation/modifiers/typography-helpers.html
View File

@@ -266,5 +266,42 @@ doc-subtab: typography-helpers
</tbody> </tbody>
</table> </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> </div>
</section> </section>

9
sass/base/helpers.sass
View File

@@ -53,6 +53,15 @@
.has-text-right .has-text-right
text-align: right !important 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 @each $name, $pair in $colors
$color: nth($pair, 1) $color: nth($pair, 1)
.has-text-#{$name} .has-text-#{$name}