helpers.sass 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. // Display
  2. $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
  3. @each $display in $displays
  4. .is-#{$display}
  5. display: #{$display}
  6. .is-#{$display}-mobile
  7. +mobile
  8. display: #{$display} !important
  9. .is-#{$display}-tablet
  10. +tablet
  11. display: #{$display} !important
  12. .is-#{$display}-tablet-only
  13. +tablet-only
  14. display: #{$display} !important
  15. .is-#{$display}-touch
  16. +touch
  17. display: #{$display} !important
  18. .is-#{$display}-desktop
  19. +desktop
  20. display: #{$display} !important
  21. .is-#{$display}-desktop-only
  22. +desktop-only
  23. display: #{$display} !important
  24. .is-#{$display}-widescreen
  25. +widescreen
  26. display: #{$display} !important
  27. // Float
  28. .is-clearfix
  29. +clearfix
  30. .is-pulled-left
  31. float: left
  32. .is-pulled-right
  33. float: right
  34. // Overflow
  35. .is-clipped
  36. overflow: hidden !important
  37. // Overlay
  38. .is-overlay
  39. +overlay
  40. // Text
  41. .has-text-centered
  42. text-align: center
  43. .has-text-left
  44. text-align: left
  45. .has-text-right
  46. text-align: right
  47. // Visibility
  48. .is-hidden
  49. display: none !important
  50. .is-hidden-mobile
  51. +mobile
  52. display: none !important
  53. .is-hidden-tablet
  54. +tablet
  55. display: none !important
  56. .is-hidden-tablet-only
  57. +tablet-only
  58. display: none !important
  59. .is-hidden-touch
  60. +touch
  61. display: none !important
  62. .is-hidden-desktop
  63. +desktop
  64. display: none !important
  65. .is-hidden-desktop-only
  66. +desktop-only
  67. display: none !important
  68. .is-hidden-widescreen
  69. +widescreen
  70. display: none !important
  71. // Other
  72. .is-disabled
  73. pointer-events: none
  74. .is-marginless
  75. margin: 0 !important
  76. .is-unselectable
  77. +unselectable