helpers.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. ---
  2. title: Helpers
  3. layout: documentation
  4. doc-tab: modifiers
  5. doc-subtab: helpers
  6. ---
  7. {% include subnav-modifiers.html %}
  8. <section class="section">
  9. <div class="container">
  10. <h1 class="title">Helpers</h1>
  11. <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>
  12. <hr>
  13. <table class="table is-bordered">
  14. <tbody>
  15. <tr>
  16. <th rowspan="3">Float</th>
  17. <td><code>is-clearfix</code></td>
  18. <td>Fixes an element's floating children</td>
  19. </tr>
  20. <tr>
  21. <td><code>is-pulled-left</code></td>
  22. <td>Moves an element to the left</td>
  23. </tr>
  24. <tr>
  25. <td><code>is-pulled-right</code></td>
  26. <td>Moves an element to the right</td>
  27. </tr>
  28. <tr>
  29. <th rowspan="2">Spacing</th>
  30. <td><code>is-marginless</code></td>
  31. <td>Removes any <strong>margin</strong></td>
  32. </tr>
  33. <tr>
  34. <td><code>is-paddingless</code></td>
  35. <td>Removes any <strong>padding</strong></td>
  36. </tr>
  37. <tr>
  38. <th rowspan="5">Other</th>
  39. <td><code>is-overlay</code></td>
  40. <td>Completely covers the first positioned parent</td>
  41. </tr>
  42. <td><code>is-clipped</code></td>
  43. <td>Adds overflow <strong>hidden</strong></td>
  44. </tr>
  45. <tr>
  46. <td><code>is-radiusless</code></td>
  47. <td>Removes any <strong>radius</strong></td>
  48. </tr>
  49. <tr>
  50. <td><code>is-shadowless</code></td>
  51. <td>Removes any <strong>shadow</strong></td>
  52. </tr>
  53. <tr>
  54. <td><code>is-unselectable</code></td>
  55. <td>Prevents the text from being <strong>selectable</strong></td>
  56. </tr>
  57. </tbody>
  58. </table>
  59. </div>
  60. </section>