bulma/sass/base/helpers.sass
Daniele Lenares 5cee4c8974 Fixes #1001 (#1005)
* Fix #1001

* Order modifiers alphabetically.
2017-08-03 19:52:00 +01:00

168 lines
3.0 KiB
Sass
Executable File

// Float
.is-clearfix
+clearfix
.is-pulled-left
float: left !important
.is-pulled-right
float: right !important
// Overflow
.is-clipped
overflow: hidden !important
// Overlay
.is-overlay
+overlay
// Typography
@each $size in $sizes
$i: index($sizes, $size)
.is-size-#{$i}
font-size: $size !important
+mobile
.is-size-#{$i}-mobile
font-size: $size !important
+tablet
.is-size-#{$i}-tablet
font-size: $size !important
+touch
.is-size-#{$i}-touch
font-size: $size !important
+desktop
.is-size-#{$i}-desktop
font-size: $size !important
+widescreen
.is-size-#{$i}-widescreen
font-size: $size !important
+fullhd
.is-size-#{$i}-fullhd
font-size: $size !important
.has-text-centered
text-align: center !important
.has-text-left
text-align: left !important
.has-text-right
text-align: right !important
.is-capitalized
text-transform: capitalize !important
.is-lowercase
text-transform: lowercase !important
.is-uppercase
text-transform: uppercase !important
@each $name, $pair in $colors
$color: nth($pair, 1)
.has-text-#{$name}
color: $color !important
a.has-text-#{$name}
&:hover,
&:focus
color: darken($color, 10%)
@each $name, $shade in $shades
.has-text-#{$name}
color: $shade !important
// Visibility
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
@each $display in $displays
.is-#{$display}
display: #{$display}
+mobile
.is-#{$display}-mobile
display: #{$display} !important
+tablet
.is-#{$display}-tablet
display: #{$display} !important
+tablet-only
.is-#{$display}-tablet-only
display: #{$display} !important
+touch
.is-#{$display}-touch
display: #{$display} !important
+desktop
.is-#{$display}-desktop
display: #{$display} !important
+desktop-only
.is-#{$display}-desktop-only
display: #{$display} !important
+widescreen
.is-#{$display}-widescreen
display: #{$display} !important
+widescreen-only
.is-#{$display}-widescreen-only
display: #{$display} !important
+fullhd
.is-#{$display}-fullhd
display: #{$display} !important
.is-hidden
display: none !important
+mobile
.is-hidden-mobile
display: none !important
+tablet
.is-hidden-tablet
display: none !important
+tablet-only
.is-hidden-tablet-only
display: none !important
+touch
.is-hidden-touch
display: none !important
+desktop
.is-hidden-desktop
display: none !important
+desktop-only
.is-hidden-desktop-only
display: none !important
+widescreen
.is-hidden-widescreen
display: none !important
+widescreen-only
.is-hidden-widescreen-only
display: none !important
+fullhd
.is-hidden-fullhd
display: none !important
// Other
.is-marginless
margin: 0 !important
.is-paddingless
padding: 0 !important
.is-radiusless
border-radius: 0 !important
.is-shadowless
box-shadow: none !important
.is-unselectable
+unselectable