1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- ---
- 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>responsive helper classes</strong> to almost any element, in order to alter its style based upon the browser's width.</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="5">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>
- </tbody>
- </table>
- </div>
- </section>
|