Slider widget state layer

Variables to customize Slider widget states (hover, focus, active)

$gbc-SliderWidget-hover-border-width

Border color for Slider widget when hovered

Type: number

Default value: $theme-hover-border-width

Computed value: "2px"

$gbc-SliderWidget-hover-color

Border color for Slider widget when hovered

Type: number

Default value: $gbc-mt-field-hover-color

Computed value: "rgba(24, 24, 24, 0.1)"

Alias (for compatibility): $gbc-SliderWidget-focus-border-color

$gbc-SliderWidget-focus-border-width

Border color for Slider widget when focused

Type: number

Default value: $theme-focus-border-width

Computed value: "2px"

$gbc-SliderWidget-focus-color

Border color for Slider widget when focused

Type: number

Default value: $gbc-mt-field-focus-color

Computed value: "rgba(11, 121, 209, 0.9)"

$gbc-SliderWidget-active-border-width

Border color for Slider widget when clicked

Type: number

Default value: $theme-active-border-width

Computed value: "2px"

$gbc-SliderWidget-active-color

Border color for Slider widget when clicked

Type: number

Default value: $gbc-mt-field-active-color

Computed value: "rgba(11, 121, 209, 0.5)"