Add versions

This commit is contained in:
Jeremy Thomas
2017-07-24 15:44:24 +02:00
parent 42780d04a7
commit f9223ad360
10 changed files with 192 additions and 117 deletions

View File

@@ -53,25 +53,25 @@ $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
@each $size in $sizes
$i: index($sizes, $size)
.is-size-#{$i}
font-size: $size
font-size: $size !important
+mobile
.is-size-#{$i}-mobile
font-size: $size
font-size: $size !important
+tablet
.is-size-#{$i}-tablet
font-size: $size
font-size: $size !important
+touch
.is-size-#{$i}-touch
font-size: $size
font-size: $size !important
+desktop
.is-size-#{$i}-desktop
font-size: $size
font-size: $size !important
+widescreen
.is-size-#{$i}-widescreen
font-size: $size
font-size: $size !important
+fullhd
.is-size-#{$i}-fullhd
font-size: $size
font-size: $size !important
.has-text-centered
text-align: center !important
@@ -85,12 +85,16 @@ $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
@each $name, $pair in $colors
$color: nth($pair, 1)
.has-text-#{$name}
color: $color
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
.is-hidden

View File

@@ -262,6 +262,17 @@ $input-radius: $radius !default
justify-content: center
&.is-grouped-right
justify-content: flex-end
&.is-grouped-multiline
flex-wrap: wrap
& > .control
&:last-child,
&:not(:last-child)
margin-bottom: 0.75rem
&:last-child
margin-bottom: -0.75rem
&:not(:last-child)
margin-bottom: 0
&.is-horizontal
+tablet
display: flex

View File

@@ -76,5 +76,6 @@ $size-large: $size-4 !default
// Lists and maps
$colors: ("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert), "info": ($info, $info-invert), "success": ($success, $success-invert), "warning": ($warning, $warning-invert), "danger": ($danger, $danger-invert)) !default
$shades: ("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis) !default
$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 !default