"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "sass/elements/button.sass" between
bulma-0.9.3.zip and bulma-0.9.4.zip

About: Bulma is a modern CSS framework based on Flexbox to build easily responsive web interfaces.

button.sass  (bulma-0.9.3):button.sass  (bulma-0.9.4)
skipping to change at line 47 skipping to change at line 47
$button-disabled-background-color: $scheme-main !default $button-disabled-background-color: $scheme-main !default
$button-disabled-border-color: $border !default $button-disabled-border-color: $border !default
$button-disabled-shadow: none !default $button-disabled-shadow: none !default
$button-disabled-opacity: 0.5 !default $button-disabled-opacity: 0.5 !default
$button-static-color: $text-light !default $button-static-color: $text-light !default
$button-static-background-color: $scheme-main-ter !default $button-static-background-color: $scheme-main-ter !default
$button-static-border-color: $border !default $button-static-border-color: $border !default
$button-colors: $colors !default $button-colors: $colors !default
$button-responsive-sizes: ("mobile": ("small": ($size-small * 0.75), "normal": ( $size-small * 0.875), "medium": $size-small, "large": $size-normal), "tablet-onl y": ("small": ($size-small * 0.875), "normal": ($size-small), "medium": $size-no rmal, "large": $size-medium)) !default
// The button sizes use mixins so they can be used at different breakpoints // The button sizes use mixins so they can be used at different breakpoints
=button-small =button-small
&:not(.is-rounded) &:not(.is-rounded)
border-radius: $radius-small border-radius: $radius-small
font-size: $size-small font-size: $size-small
=button-normal =button-normal
font-size: $size-normal font-size: $size-normal
=button-medium =button-medium
font-size: $size-medium font-size: $size-medium
skipping to change at line 166 skipping to change at line 167
&:not(:active) &:not(:active)
box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25) box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25)
&:active, &:active,
&.is-active &.is-active
background-color: bulmaDarken($color, 5%) background-color: bulmaDarken($color, 5%)
border-color: transparent border-color: transparent
color: $color-invert color: $color-invert
&[disabled], &[disabled],
fieldset[disabled] & fieldset[disabled] &
background-color: $color background-color: $color
border-color: transparent border-color: $color
box-shadow: none box-shadow: none
&.is-inverted &.is-inverted
background-color: $color-invert background-color: $color-invert
color: $color color: $color
&:hover, &:hover,
&.is-hovered &.is-hovered
background-color: bulmaDarken($color-invert, 5%) background-color: bulmaDarken($color-invert, 5%)
&[disabled], &[disabled],
fieldset[disabled] & fieldset[disabled] &
background-color: $color-invert background-color: $color-invert
skipping to change at line 346 skipping to change at line 347
&:not(.has-addons) &:not(.has-addons)
.button:not(.is-fullwidth) .button:not(.is-fullwidth)
margin-left: 0.25rem margin-left: 0.25rem
margin-right: 0.25rem margin-right: 0.25rem
&.is-right &.is-right
justify-content: flex-end justify-content: flex-end
&:not(.has-addons) &:not(.has-addons)
.button:not(.is-fullwidth) .button:not(.is-fullwidth)
margin-left: 0.25rem margin-left: 0.25rem
margin-right: 0.25rem margin-right: 0.25rem
@each $bp-name, $bp-sizes in $button-responsive-sizes
+breakpoint($bp-name)
@each $size, $value in $bp-sizes
@if $size != "normal"
.button.is-responsive.is-#{$size}
font-size: $value
@else
.button.is-responsive,
.button.is-responsive.is-normal
font-size: $value
 End of changes. 3 change blocks. 
1 lines changed or deleted 2 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)