Slider
Variables to customize Slider
$gbc-SliderWidget-field-height-ratio
Default height of a Slider
Type: size
Default value: $ui-field-height-ratio
Computed value: "0.7"
$gbc-sliderWidget-horizontal-padding
Horizontal padding of the Slider container
Type: size
Default value: $gbc-space-s* $ui-field-height-ratio
Computed value: "5.6px"
$gbc-sliderWidget-vertical-padding
Vertical padding of the Slider container
Type: size
Default value: $gbc-space-xxs* $ui-field-height-ratio
Computed value: "1.4px"
$gbc-SliderWidget-color
Color of the thumb and track progress of an active slider
Type: color
Default value: $ui-primary-color
Computed value: "rgb(11, 121, 209)"
$gbc-SliderWidget-track-color
Base color of the track of the slider
Type: color
Default value: $ui-text-icon-color-disabled
Computed value: "rgba(31, 31, 31, 0.54)"
$gbc-SliderWidget-disabled-color
Color of a disabled slider
Type: color
Default value: $ui-text-icon-color-disabled
Computed value: "rgba(31, 31, 31, 0.54)"
$gbc-SliderWidget-thumb-size
Size of the slider handle/thumb
Type: size
Default value: $gbc-space-m
Computed value: "12px"
$gbc-SliderWidget-track-thickness
Define the thickness of the track
Type: size
Default value: $gbc-space-xxs
Computed value: "2px"
$gbc-SliderWidget-border-radius
Border radius of the Slider Widget
Type: size
Default value: $mt-field-border-radius
Computed value: "4px"