2016-09-11 11:00:49 +00:00
|
|
|
---
|
2017-07-29 12:02:00 +00:00
|
|
|
title: Helpers
|
2016-09-11 11:00:49 +00:00
|
|
|
layout: documentation
|
|
|
|
doc-tab: modifiers
|
|
|
|
doc-subtab: helpers
|
|
|
|
---
|
|
|
|
|
2018-03-26 13:46:39 +00:00
|
|
|
{% include subnav/subnav-modifiers.html %}
|
2016-09-11 11:00:49 +00:00
|
|
|
|
|
|
|
<section class="section">
|
|
|
|
<div class="container">
|
|
|
|
<h1 class="title">Helpers</h1>
|
2018-01-06 22:26:57 +00:00
|
|
|
<h2 class="subtitle">You can apply <strong>helper classes</strong> to almost any element, in order to alter its style.</h2>
|
2016-09-11 11:00:49 +00:00
|
|
|
<hr>
|
|
|
|
<table class="table is-bordered">
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
|
|
|
<th rowspan="3">Float</th>
|
|
|
|
<td><code>is-clearfix</code></td>
|
|
|
|
<td>Fixes an element's floating children</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td><code>is-pulled-left</code></td>
|
|
|
|
<td>Moves an element to the left</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td><code>is-pulled-right</code></td>
|
|
|
|
<td>Moves an element to the right</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
2017-07-29 17:21:34 +00:00
|
|
|
<th rowspan="2">Spacing</th>
|
2016-09-11 11:00:49 +00:00
|
|
|
<td><code>is-marginless</code></td>
|
|
|
|
<td>Removes any <strong>margin</strong></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td><code>is-paddingless</code></td>
|
|
|
|
<td>Removes any <strong>padding</strong></td>
|
|
|
|
</tr>
|
2017-07-29 17:21:34 +00:00
|
|
|
<tr>
|
2017-10-11 17:03:05 +00:00
|
|
|
<th rowspan="6">Other</th>
|
2017-07-29 17:21:34 +00:00
|
|
|
<td><code>is-overlay</code></td>
|
|
|
|
<td>Completely covers the first positioned parent</td>
|
|
|
|
</tr>
|
|
|
|
<td><code>is-clipped</code></td>
|
|
|
|
<td>Adds overflow <strong>hidden</strong></td>
|
|
|
|
</tr>
|
2016-09-11 11:00:49 +00:00
|
|
|
<tr>
|
2017-07-24 18:36:40 +00:00
|
|
|
<td><code>is-radiusless</code></td>
|
|
|
|
<td>Removes any <strong>radius</strong></td>
|
2016-09-11 11:00:49 +00:00
|
|
|
</tr>
|
2017-07-29 17:43:53 +00:00
|
|
|
<tr>
|
|
|
|
<td><code>is-shadowless</code></td>
|
|
|
|
<td>Removes any <strong>shadow</strong></td>
|
|
|
|
</tr>
|
2017-06-24 23:19:27 +00:00
|
|
|
<tr>
|
2017-07-24 18:36:40 +00:00
|
|
|
<td><code>is-unselectable</code></td>
|
|
|
|
<td>Prevents the text from being <strong>selectable</strong></td>
|
2017-06-24 23:19:27 +00:00
|
|
|
</tr>
|
2017-10-11 17:03:05 +00:00
|
|
|
<tr>
|
|
|
|
<td><code>is-invisible</code></td>
|
|
|
|
<td>Adds visibility <strong>hidden</strong></td>
|
|
|
|
</tr>
|
2016-09-11 11:00:49 +00:00
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</section>
|