CheckBox

Variables to customize CheckBox

$gbc-CheckBoxWidget-margin-ratio

Margin ratio for the CheckBox

Type: number

Default value: $ui-margin-ratio

Computed value: "0.6"

$gbc-CheckBoxWidget-disabled-color

Color of a disabled CheckBox

Type: color

Default value: $ui-text-icon-color-disabled

Computed value: "rgba(31, 31, 31, 0.54)"

$gbc-ToggleCheckBoxWidget-disabled-color

Color of a disabled ToggleCheckbox

Type: color

Default value: "color.adjust($ui-background-color-disabled, $lightness: -19%)"

Computed value: "#c7c7c7"

$gbc-CheckBoxWidget-gap

Space between the box and the text

Type: number

Default value: $ui-margin-ratio* 8px

Computed value: "4.8px"

$gbc-CheckBoxWidget-border-radius

Border radius of the CheckBox Widget

Type: size

Default value: $mt-field-border-radius

Computed value: "4px"