TopMenu state layer

Variables to customize TopMenu states (hover, focus, active)

$gbc-TopMenuWidget-hover-color

Border color for TopMenu when hovered

Type: color

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

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

$gbc-TopMenuWidget-focus-border-width

Border color for TopMenu when focused

Type: number

Default value: $mt-field-focus-border-width

Computed value: "2px"

$gbc-TopMenuWidget-focus-color

Border color for TopMenu when focused

Type: color

Default value: $mt-field-focus-color

Computed value: "rgb(11, 121, 209)"

$gbc-TopMenuWidget-active-border-width

Border color for TopMenu when clicked

Type: number

Default value: $mt-field-active-border-width

Computed value: "2px"

$gbc-TopMenuWidget-active-color

Border color for TopMenu when clicked

Type: color

Default value: $mt-field-active-color

Computed value: "rgb(11, 121, 209)"