Splitter

Variables to customize Splitter

$gbc-SplitterWidget-hover-color

Color of Splitter when hovered

Type: color

Default value: $ui-border-color

Computed value: "rgb(224, 224, 224)"

$gbc-SplitterWidget-splitter-size

Size of Splitter

Type: size

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

Computed value: "7.2px"

Alias (for compatibility): $splitter-size,theme-splitter-size

$gbc-SplitterWidget-splitholder-background-color

SplitterWidget splitholder background color

Type: color

Default value: $mt-white

Computed value: "#ffffff"

$gbc-SplitterWidget-separator-color

SplitterWidget separator color

Type: color

Default value: $ui-border-color

Computed value: "rgb(224, 224, 224)"

$gbc-SplitterWidget-handle-color

SplitterWidget handle color

Type: color

Default value: "color.adjust($gbc-SplitterWidget-separator-color, $lightness: -30%)"

Computed value: "#949494"

$gbc-SplitterWidget-performanceMode

By default, SplitterWidget resizes surrounding containers when moving it. It's possible to use a performant deferred mode which only resizes surrounding containers on drag end. (value: realtime (default) / deferred)

Type: string

Default value: "realtime"

Computed value: "realtime"