ChromeBar specific variables
Defines ChromeBar specific variables
$gbc-ChromeBar-color
Defines the ChromeBar text color
Type: color
Default value: $ui-on-primary-color
Computed value: "rgb(255, 255, 255)"
$gbc-ChromeBar-background-color
Defines the ChromeBar background color
Type: color
Default value: $ui-primary-color
Computed value: "rgb(11, 121, 209)"
$gbc-ChromeBar-height
Defines the ChromeBar height
Type: size
Default value: "42px"
Computed value: "42px"
Alias (for compatibility): $gbc-ChromeBarWidget-height
$gbc-ChromeBar-item-height
Defines the ChromeBar item height
Type: size
Default value: $gbc-ChromeBar-height* 0.6
Computed value: "25.2px"
Alias (for compatibility): $gbc-ChromeBarWidget-item-height
$gbc-ChromeBar-item-toggle-margin
Defines the ChromeBar item toggle (burger + dots) margins
Type: size
Default value: "16px"
Computed value: "16px"
Alias (for compatibility): $gbc-ChromeBarWidget-item-toggle-margin
$gbc-ChromeBar-title-margin
Defines the ChromeBar title margin
Type: size
Default value: "32px"
Computed value: "32px"
Alias (for compatibility): $gbc-ChromeBarWidget-title-margin
$gbc-ChromeBar-item-spacing
Defines the space between ChromeBar item
Type: size
Default value: "24px"
Computed value: "24px"
Alias (for compatibility): $gbc-ChromeBarWidget-item-spacing
$gbc-ChromeBar-visible-items
Space separated item identifiers, could be "close", "settings", "debug", "filter", "uploadStatus", "runInGdc". Notes: - close will be automatically added when needed. - filter will be automatically added as well and only displayed when needed.
Type: array
Default value: "uploadStatus settings"
Computed value: "uploadStatus settings"
Alias (for compatibility): $gbc-ChromeBarWidget-visible-items
$gbc-ChromeBar-flow-gbc-items
Force GBC items to be placed in the overflow menu
Type: boolean
Default value: false
Alias (for compatibility): $gbc-ChromeBarWidget-flow-gbc-items
$gbc-ChromeBar-pin-close-button
Force Close button to be placed in the ChromeBar, it will never overflow
Type: boolean
Default value: false
$gbc-ChromeBar-show
Enable or disable the visibility of the ChromeBar
Type: boolean
Default value: true
Computed value: true
$gbc-ChromeBar-item-error-color
ChromeBar item error color
Type: color
Default value: "color.adjust($ui-error-color, $lightness: +7%)"
Computed value: "#f66358"
Alias (for compatibility): $gbc-ChromeBarWidget-item-error-color