"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

---