library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Feature/typo weight modifier (#1171)

Browse Source 
* Update new steps extension image size

* Add text weight modifiers + update doc
This commit is contained in:
Wikiki 2017-09-10 17:34:08 +02:00 committed by Jeremy Thomas
parent 2bda5fccc6
commit ac533a21c1
2 changed files with 48 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -385,5 +385,44 @@ doc-subtab: typography-helpers
</tbody>
</table>
{% include anchor.html name="Text weight" %}
<div class="content">
<p>
You can transform the text weight with the use of one of <strong>4 text weight helpers</strong>:
</p>
</div>
<table class="table is-bordered">
<thead>
<tr>
<th>
Class
</th>
<th>
Weight
</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>.has-text-weight-light</code></td>
<td>Transforms text weight to <strong>light</strong></td>
</tr>
<tr>
<td><code>.has-text-weight-normal</code></td>
<td>Transforms text weight to <strong>normal</strong></td>
</tr>
<tr>
<td><code>.has-text-weight-semibold</code></td>
<td>Transforms text weight to <strong>semi-bold</strong></td>
</tr>
<tr>
<td><code>.has-text-weight-bold</code></td>
<td>Transforms text weight to <strong>bold</strong></td>
</tr>
</tbody>
</table>
</div>
</section>

9
sass/base/helpers.sass
View File

@ -102,6 +102,15 @@ $alignments: ('centered': 'center', 'left': 'left', 'right': 'right')
.has-text-#{$name}
color: $shade !important
.has-text-weight-light
font-weight: $weight-light !important
.has-text-weight-normal
font-weight: $weight-normal !important
.has-text-weight-semibold
font-weight: $weight-semibold !important
.has-text-weight-bold
font-weight: $weight-bold !important
// Visibility
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'