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