helpers.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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="6">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. <tr>
  58. <td><code>is-invisible</code></td>
  59. <td>Adds visibility <strong>hidden</strong></td>
  60. </tr>
  61. </tbody>
  62. </table>
  63. </div>
  64. </section>