helpers.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. ---
  2. title: Helpers
  3. layout: documentation
  4. doc-tab: modifiers
  5. doc-subtab: helpers
  6. breadcrumb:
  7. - home
  8. - documentation
  9. - modifiers
  10. - modifiers-helpers
  11. ---
  12. <table class="table is-bordered">
  13. <tbody>
  14. <tr>
  15. <th rowspan="3">Float</th>
  16. <td><code>is-clearfix</code></td>
  17. <td>Fixes an element's floating children</td>
  18. </tr>
  19. <tr>
  20. <td><code>is-pulled-left</code></td>
  21. <td>Moves an element to the left</td>
  22. </tr>
  23. <tr>
  24. <td><code>is-pulled-right</code></td>
  25. <td>Moves an element to the right</td>
  26. </tr>
  27. <tr>
  28. <th rowspan="2">Spacing</th>
  29. <td><code>is-marginless</code></td>
  30. <td>Removes any <strong>margin</strong></td>
  31. </tr>
  32. <tr>
  33. <td><code>is-paddingless</code></td>
  34. <td>Removes any <strong>padding</strong></td>
  35. </tr>
  36. <tr>
  37. <th rowspan="7">Other</th>
  38. <td><code>is-overlay</code></td>
  39. <td>Completely covers the first positioned parent</td>
  40. </tr>
  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. <tr>
  62. <td><code>is-sr-only</code></td>
  63. <td>Hide elements <strong>visually</strong> but keep the element available to be announced by a <strong>screen reader</strong></td>
  64. </tr>
  65. </tbody>
  66. </table>