Name
Default Value
Compiled Value
- Name
$selector-button
- Default Value
.button
- Compiled Value
.button
- Name
$modifier-button-strong
- Default Value
.is-strong
- Compiled Value
.is-strong
- Name
$modifier-button-round
- Default Value
.is-round
- Compiled Value
.is-round
- Name
$modifier-button-floating
- Default Value
.is-floating
- Compiled Value
.is-floating
- Name
$modifier-button-square
- Default Value
.is-square
- Compiled Value
.is-square
- Name
$modifier-button-circle
- Default Value
.is-circle
- Compiled Value
.is-circle
- Name
$modifier-button-disabled
- Default Value
.is-disabled
- Compiled Value
.is-disabled
- Name
$modifier-button-plain
- Default Value
.is-plain
- Compiled Value
.is-plain
- Name
$modifier-button-outline
- Default Value
.is-outline
- Compiled Value
.is-outline
- Name
$modifier-button-melt
- Default Value
.is-melt
- Compiled Value
.is-melt
- Name
$modifier-button-primary
- Default Value
.is-primary
- Compiled Value
.is-primary
- Name
$modifier-button-info
- Default Value
.is-info
- Compiled Value
.is-info
- Name
$modifier-button-success
- Default Value
.is-success
- Compiled Value
.is-success
- Name
$modifier-button-warning
- Default Value
.is-warning
- Compiled Value
.is-warning
- Name
$modifier-button-danger
- Default Value
.is-danger
- Compiled Value
.is-danger
- Name
$modifier-button-angle-right
- Default Value
.is-angle-right
- Compiled Value
.is-angle-right
- Name
$modifier-button-angle-left
- Default Value
.is-angle-left
- Compiled Value
.is-angle-left
- Name
$modifier-button-angle-up
- Default Value
.is-angle-up
- Compiled Value
.is-angle-up
- Name
$modifier-button-angle-down
- Default Value
.is-angle-down
- Compiled Value
.is-angle-down
- Name
$button-padding
- Default Value
0.5em 1em
- Compiled Value
0.5em 1em
- Name
$button-border-width
- Default Value
$global-border-width
- Compiled Value
1px
- Name
$button-border-radius
- Default Value
$radius-sm
- Compiled Value
3px
- Name
$button-paint-color
- Default Value
$convert-button-paint-color
- Compiled Value
white
- Name
$button-line-height
- Default Value
$line-height-md
- Compiled Value
1.5
- Name
$button-transition
- Default Value
$global-transition
- Compiled Value
ease-out 0.12s
- Name
$button-focus-shadow
- Default Value
$global-focus-shadow-size $convert-focus-alpha
- Compiled Value
0 0 0 4px rgba(36, 151, 240, 0.5)
- Name
$button-strong-font-weight
- Default Value
$font-weight-strong
- Compiled Value
700
- Name
$button-round-border-radius
- Default Value
$radius-full
- Compiled Value
999em
- Name
$button-floating-shadow
- Default Value
$global-floating-shadow-size $convert-shadow-alpha
- Compiled Value
0 2px 6px 0 rgba(0, 0, 0, 0.15)
- Name
$button-floating-hover-shadow
- Default Value
$global-floating-hover-shadow-size $convert-shadow-alpha
- Compiled Value
0 4px 12px 0 rgba(0, 0, 0, 0.15)
- Name
$button-floating-focus-shadow
- Default Value
$global-focus-shadow-size $convert-focus-alpha, $global-floating-hover-shadow-size $convert-shadow-alpha
- Compiled Value
0 0 0 4px rgba(36, 151, 240, 0.5), 0 4px 12px 0 rgba(0, 0, 0, 0.15)
- Name
$button-disabled-background-color
- Default Value
$convert-disabled-background-color
- Compiled Value
#bdbdbd
- Name
$button-disabled-color
- Default Value
$convert-disabled-color
- Compiled Value
rgba(0, 0, 0, 0.26)
- Name
$button-square-width
- Default Value
calc(2.5em + #{$global-border-width} * 2)
- Compiled Value
calc(2.5em + 1px * 2)
- Name
$button-square-height
- Default Value
calc(2.5em + #{$global-border-width} * 2)
- Compiled Value
calc(2.5em + 1px * 2)
- Name
$button-square-border-radius
- Default Value
$radius-sm
- Compiled Value
3px
- Name
$button-circle-width
- Default Value
calc(2.5em + #{$global-border-width} * 2)
- Compiled Value
calc(2.5em + 1px * 2)
- Name
$button-circle-height
- Default Value
calc(2.5em + #{$global-border-width} * 2)
- Compiled Value
calc(2.5em + 1px * 2)
- Name
$button-circle-border-radius
- Default Value
$radius-full
- Compiled Value
999em
- Name
$button-plain-background-color
- Default Value
$convert-background-2
- Compiled Value
whitesmoke
- Name
$button-plain-hover-background-color
- Default Value
$convert-background-4
- Compiled Value
#ededed
- Name
$button-plain-primary-background-color
- Default Value
$convert-primary
- Compiled Value
#37b0be
- Name
$button-plain-primary-hover-background-color
- Default Value
$convert-primary-darken
- Compiled Value
#319eaa
- Name
$button-plain-info-background-color
- Default Value
$convert-info
- Compiled Value
#4b9bd8
- Name
$button-plain-info-hover-background-color
- Default Value
$convert-info-darken
- Compiled Value
#368fd3
- Name
$button-plain-success-background-color
- Default Value
$convert-success
- Compiled Value
#2ca52c
- Name
$button-plain-success-hover-background-color
- Default Value
$convert-success-darken
- Compiled Value
#279127
- Name
$button-plain-warning-background-color
- Default Value
$convert-warning
- Compiled Value
#ec8313
- Name
$button-plain-warning-hover-background-color
- Default Value
$convert-warning-darken
- Compiled Value
#d47611
- Name
$button-plain-danger-background-color
- Default Value
$convert-danger
- Compiled Value
#db5757
- Name
$button-plain-danger-hover-background-color
- Default Value
$convert-danger-darken
- Compiled Value
#d74242
- Name
$button-plain-primary-floating-shadow
- Default Value
$global-floating-shadow-size $convert-shadow-primary-alpha
- Compiled Value
0 2px 6px 0 rgba(55, 176, 190, 0.6)
- Name
$button-plain-primary-floating-hover-shadow
- Default Value
$global-floating-hover-shadow-size $convert-shadow-primary-alpha
- Compiled Value
0 4px 12px 0 rgba(55, 176, 190, 0.6)
- Name
$button-plain-primary-floating-focus-shadow
- Default Value
$global-focus-shadow-size $convert-focus-alpha, $global-floating-hover-shadow-size $convert-shadow-primary-alpha
- Compiled Value
0 0 0 4px rgba(36, 151, 240, 0.5), 0 4px 12px 0 rgba(55, 176, 190, 0.6)
- Name
$button-plain-info-floating-shadow
- Default Value
$global-floating-shadow-size $convert-shadow-info-alpha
- Compiled Value
0 2px 6px 0 rgba(75, 155, 216, 0.6)
- Name
$button-plain-info-floating-hover-shadow
- Default Value
$global-floating-hover-shadow-size $convert-shadow-info-alpha
- Compiled Value
0 4px 12px 0 rgba(75, 155, 216, 0.6)
- Name
$button-plain-info-floating-focus-shadow
- Default Value
$global-focus-shadow-size $convert-focus-alpha, $global-floating-hover-shadow-size $convert-shadow-info-alpha
- Compiled Value
0 0 0 4px rgba(36, 151, 240, 0.5), 0 4px 12px 0 rgba(75, 155, 216, 0.6)
- Name
$button-plain-success-floating-shadow
- Default Value
$global-floating-shadow-size $convert-shadow-success-alpha
- Compiled Value
0 2px 6px 0 rgba(44, 165, 44, 0.6)
- Name
$button-plain-success-floating-hover-shadow
- Default Value
$global-floating-hover-shadow-size $convert-shadow-success-alpha
- Compiled Value
0 4px 12px 0 rgba(44, 165, 44, 0.6)
- Name
$button-plain-success-floating-focus-shadow
- Default Value
$global-focus-shadow-size $convert-focus-alpha, $global-floating-hover-shadow-size $convert-shadow-success-alpha
- Compiled Value
0 0 0 4px rgba(36, 151, 240, 0.5), 0 4px 12px 0 rgba(44, 165, 44, 0.6)
- Name
$button-plain-warning-floating-shadow
- Default Value
$global-floating-shadow-size $convert-shadow-warning-alpha
- Compiled Value
0 2px 6px 0 rgba(236, 131, 19, 0.6)
- Name
$button-plain-warning-floating-hover-shadow
- Default Value
$global-floating-hover-shadow-size $convert-shadow-warning-alpha
- Compiled Value
0 4px 12px 0 rgba(236, 131, 19, 0.6)
- Name
$button-plain-warning-floating-focus-shadow
- Default Value
$global-focus-shadow-size $convert-focus-alpha, $global-floating-hover-shadow-size $convert-shadow-warning-alpha
- Compiled Value
0 0 0 4px rgba(36, 151, 240, 0.5), 0 4px 12px 0 rgba(236, 131, 19, 0.6)
- Name
$button-plain-danger-floating-shadow
- Default Value
$global-floating-shadow-size $convert-shadow-danger-alpha
- Compiled Value
0 2px 6px 0 rgba(219, 87, 87, 0.6)
- Name
$button-plain-danger-floating-hover-shadow
- Default Value
$global-floating-hover-shadow-size $convert-shadow-danger-alpha
- Compiled Value
0 4px 12px 0 rgba(219, 87, 87, 0.6)
- Name
$button-plain-danger-floating-focus-shadow
- Default Value
$global-focus-shadow-size $convert-focus-alpha, $global-floating-hover-shadow-size $convert-shadow-danger-alpha
- Compiled Value
0 0 0 4px rgba(36, 151, 240, 0.5), 0 4px 12px 0 rgba(219, 87, 87, 0.6)
- Name
$button-outline-background-color
- Default Value
$convert-background
- Compiled Value
white
- Name
$button-outline-border-color
- Default Value
$convert-border
- Compiled Value
#d1d8dc
- Name
$button-outline-hover-background-color
- Default Value
$convert-background-2
- Compiled Value
whitesmoke
- Name
$button-outline-primary-border-color
- Default Value
$convert-primary
- Compiled Value
#37b0be
- Name
$button-outline-primary-color
- Default Value
$convert-primary-strong
- Compiled Value
#37b0be
- Name
$button-outline-primary-hover-background-color
- Default Value
$convert-primary
- Compiled Value
#37b0be
- Name
$button-outline-info-border-color
- Default Value
$convert-info
- Compiled Value
#4b9bd8
- Name
$button-outline-info-color
- Default Value
$convert-info-strong
- Compiled Value
#4b9bd8
- Name
$button-outline-info-hover-background-color
- Default Value
$convert-info
- Compiled Value
#4b9bd8
- Name
$button-outline-success-border-color
- Default Value
$convert-success
- Compiled Value
#2ca52c
- Name
$button-outline-success-color
- Default Value
$convert-success-strong
- Compiled Value
#2ca52c
- Name
$button-outline-success-hover-background-color
- Default Value
$convert-success
- Compiled Value
#2ca52c
- Name
$button-outline-warning-border-color
- Default Value
$convert-warning
- Compiled Value
#ec8313
- Name
$button-outline-warning-color
- Default Value
$convert-warning-strong
- Compiled Value
#ec8313
- Name
$button-outline-warning-hover-background-color
- Default Value
$convert-warning
- Compiled Value
#ec8313
- Name
$button-outline-danger-border-color
- Default Value
$convert-danger
- Compiled Value
#db5757
- Name
$button-outline-danger-color
- Default Value
$convert-danger-strong
- Compiled Value
#db5757
- Name
$button-outline-danger-hover-background-color
- Default Value
$convert-danger
- Compiled Value
#db5757
- Name
$button-melt-hover-background-color
- Default Value
$convert-background-alpha
- Compiled Value
rgba(0, 0, 0, 0.05)
- Name
$button-melt-primary-color
- Default Value
$convert-primary-strong
- Compiled Value
#37b0be
- Name
$button-melt-info-color
- Default Value
$convert-info-strong
- Compiled Value
#4b9bd8
- Name
$button-melt-success-color
- Default Value
$convert-success-strong
- Compiled Value
#2ca52c
- Name
$button-melt-warning-color
- Default Value
$convert-warning-strong
- Compiled Value
#ec8313
- Name
$button-melt-danger-color
- Default Value
$convert-danger-strong
- Compiled Value
#db5757
- Name
$button-angle-size
- Default Value
0.5em
- Compiled Value
0.5em
- Name
$button-angle-border-width
- Default Value
$global-border-width * 2
- Compiled Value
2px
- Name
$button-angle-border-color
- Default Value
$convert-border-1
- Compiled Value
rgba(0, 0, 0, 0.26)