node_modules/bulma/sass/elements/button.sass in bulma-clean-theme-0.7.2 vs node_modules/bulma/sass/elements/button.sass in bulma-clean-theme-0.8

- old
+ new

@@ -12,16 +12,17 @@ $button-hover-border-color: $link-hover-border !default $button-focus-color: $link-focus !default $button-focus-border-color: $link-focus-border !default $button-focus-box-shadow-size: 0 0 0 0.125em !default -$button-focus-box-shadow-color: rgba($link, 0.25) !default +$button-focus-box-shadow-color: bulmaRgba($link, 0.25) !default $button-active-color: $link-active !default $button-active-border-color: $link-active-border !default $button-text-color: $text !default +$button-text-decoration: underline !default $button-text-hover-background-color: $background !default $button-text-hover-color: $text-strong !default $button-disabled-background-color: $scheme-main !default $button-disabled-border-color: $border !default @@ -96,20 +97,20 @@ // Colors &.is-text background-color: transparent border-color: transparent color: $button-text-color - text-decoration: underline + text-decoration: $button-text-decoration &:hover, &.is-hovered, &:focus, &.is-focused background-color: $button-text-hover-background-color color: $button-text-hover-color &:active, &.is-active - background-color: darken($button-text-hover-background-color, 5%) + background-color: bulmaDarken($button-text-hover-background-color, 5%) color: $button-text-hover-color &[disabled], fieldset[disabled] & background-color: transparent border-color: transparent @@ -121,22 +122,22 @@ background-color: $color border-color: transparent color: $color-invert &:hover, &.is-hovered - background-color: darken($color, 2.5%) + background-color: bulmaDarken($color, 2.5%) border-color: transparent color: $color-invert &:focus, &.is-focused border-color: transparent color: $color-invert &:not(:active) - box-shadow: $button-focus-box-shadow-size rgba($color, 0.25) + box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25) &:active, &.is-active - background-color: darken($color, 5%) + background-color: bulmaDarken($color, 5%) border-color: transparent color: $color-invert &[disabled], fieldset[disabled] & background-color: $color @@ -145,11 +146,11 @@ &.is-inverted background-color: $color-invert color: $color &:hover, &.is-hovered - background-color: darken($color-invert, 5%) + background-color: bulmaDarken($color-invert, 5%) &[disabled], fieldset[disabled] & background-color: $color-invert border-color: transparent box-shadow: none @@ -213,15 +214,15 @@ &.is-light background-color: $color-light color: $color-dark &:hover, &.is-hovered - background-color: darken($color-light, 2.5%) + background-color: bulmaDarken($color-light, 2.5%) border-color: transparent color: $color-dark &:active, &.is-active - background-color: darken($color-light, 5%) + background-color: bulmaDarken($color-light, 5%) border-color: transparent color: $color-dark // Sizes &.is-small +button-small