visibility.sass 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. @import "../utilities/mixins"
  2. $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
  3. @each $display in $displays
  4. .is-#{$display}
  5. display: #{$display} !important
  6. +mobile
  7. .is-#{$display}-mobile
  8. display: #{$display} !important
  9. +tablet
  10. .is-#{$display}-tablet
  11. display: #{$display} !important
  12. +tablet-only
  13. .is-#{$display}-tablet-only
  14. display: #{$display} !important
  15. +touch
  16. .is-#{$display}-touch
  17. display: #{$display} !important
  18. +desktop
  19. .is-#{$display}-desktop
  20. display: #{$display} !important
  21. +desktop-only
  22. .is-#{$display}-desktop-only
  23. display: #{$display} !important
  24. +widescreen
  25. .is-#{$display}-widescreen
  26. display: #{$display} !important
  27. +widescreen-only
  28. .is-#{$display}-widescreen-only
  29. display: #{$display} !important
  30. +fullhd
  31. .is-#{$display}-fullhd
  32. display: #{$display} !important
  33. .is-hidden
  34. display: none !important
  35. .is-sr-only
  36. border: none !important
  37. clip: rect(0, 0, 0, 0) !important
  38. height: 0.01em !important
  39. overflow: hidden !important
  40. padding: 0 !important
  41. position: absolute !important
  42. white-space: nowrap !important
  43. width: 0.01em !important
  44. +mobile
  45. .is-hidden-mobile
  46. display: none !important
  47. +tablet
  48. .is-hidden-tablet
  49. display: none !important
  50. +tablet-only
  51. .is-hidden-tablet-only
  52. display: none !important
  53. +touch
  54. .is-hidden-touch
  55. display: none !important
  56. +desktop
  57. .is-hidden-desktop
  58. display: none !important
  59. +desktop-only
  60. .is-hidden-desktop-only
  61. display: none !important
  62. +widescreen
  63. .is-hidden-widescreen
  64. display: none !important
  65. +widescreen-only
  66. .is-hidden-widescreen-only
  67. display: none !important
  68. +fullhd
  69. .is-hidden-fullhd
  70. display: none !important
  71. .is-invisible
  72. visibility: hidden !important
  73. +mobile
  74. .is-invisible-mobile
  75. visibility: hidden !important
  76. +tablet
  77. .is-invisible-tablet
  78. visibility: hidden !important
  79. +tablet-only
  80. .is-invisible-tablet-only
  81. visibility: hidden !important
  82. +touch
  83. .is-invisible-touch
  84. visibility: hidden !important
  85. +desktop
  86. .is-invisible-desktop
  87. visibility: hidden !important
  88. +desktop-only
  89. .is-invisible-desktop-only
  90. visibility: hidden !important
  91. +widescreen
  92. .is-invisible-widescreen
  93. visibility: hidden !important
  94. +widescreen-only
  95. .is-invisible-widescreen-only
  96. visibility: hidden !important
  97. +fullhd
  98. .is-invisible-fullhd
  99. visibility: hidden !important