mirror of
https://github.com/jgthms/bulma.git
synced 2024-10-17 09:04:18 +00:00
f4e9edad81
Seems like the current text belong on the ```responsive-helpers``` page and not these generic helpers. I've cut a few words, but a better wording would probably be better.
67 lines
1.9 KiB
HTML
67 lines
1.9 KiB
HTML
---
|
|
title: Helpers
|
|
layout: documentation
|
|
doc-tab: modifiers
|
|
doc-subtab: helpers
|
|
---
|
|
|
|
{% include subnav-modifiers.html %}
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
<h1 class="title">Helpers</h1>
|
|
<h2 class="subtitle">You can apply <strong>helper classes</strong> to almost any element, in order to alter its style.</h2>
|
|
<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>
|
|
<th rowspan="2">Spacing</th>
|
|
<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>
|
|
<tr>
|
|
<th rowspan="6">Other</th>
|
|
<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>
|
|
<tr>
|
|
<td><code>is-radiusless</code></td>
|
|
<td>Removes any <strong>radius</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>is-shadowless</code></td>
|
|
<td>Removes any <strong>shadow</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>is-unselectable</code></td>
|
|
<td>Prevents the text from being <strong>selectable</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>is-invisible</code></td>
|
|
<td>Adds visibility <strong>hidden</strong></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|