bulma/sass/base/helpers.sass
Jeremy Thomas 9094eff30a Move docs to bulma repo (#299)
* Add package files whitelist

* Add flex shrink

* Add flex shrink

* Add docs config

* Fix flex shrink

* Fix hero pages

* Add docs folder
2016-09-11 12:00:49 +01:00

108 lines
1.6 KiB
Sass

// Display
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
@each $display in $displays
.is-#{$display}
display: #{$display}
.is-#{$display}-mobile
+mobile
display: #{$display} !important
.is-#{$display}-tablet
+tablet
display: #{$display} !important
.is-#{$display}-tablet-only
+tablet-only
display: #{$display} !important
.is-#{$display}-touch
+touch
display: #{$display} !important
.is-#{$display}-desktop
+desktop
display: #{$display} !important
.is-#{$display}-desktop-only
+desktop-only
display: #{$display} !important
.is-#{$display}-widescreen
+widescreen
display: #{$display} !important
// Float
.is-clearfix
+clearfix
.is-pulled-left
float: left
.is-pulled-right
float: right
// Overflow
.is-clipped
overflow: hidden !important
// Overlay
.is-overlay
+overlay
// Text
.has-text-centered
text-align: center
.has-text-left
text-align: left
.has-text-right
text-align: right
// Visibility
.is-hidden
display: none !important
.is-hidden-mobile
+mobile
display: none !important
.is-hidden-tablet
+tablet
display: none !important
.is-hidden-tablet-only
+tablet-only
display: none !important
.is-hidden-touch
+touch
display: none !important
.is-hidden-desktop
+desktop
display: none !important
.is-hidden-desktop-only
+desktop-only
display: none !important
.is-hidden-widescreen
+widescreen
display: none !important
// Other
.is-disabled
pointer-events: none
.is-marginless
margin: 0 !important
.is-paddingless
padding: 0 !important
.is-unselectable
@extend .unselectable