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: "60px * $ui-field-height-ratio"
Computed value: "42px"
Alias (for compatibility): $gbc-ChromeBarWidget-height
$gbc-ChromeBar-gap
Defines the ChromeBar gap
Type: size
Default value: $gbc-space-xs
Computed value: "4px"
$gbc-ChromeBar-item-content-gap
Defines the gap between icon and text inside a ChromeBar item
Type: size
Default value: "0px"
Computed value: "0px"
$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: "26px * $ui-margin-ratio"
Computed value: "15.6px"
Alias (for compatibility): $gbc-ChromeBarWidget-item-toggle-margin
$gbc-ChromeBar-title-margin
Defines the ChromeBar title margin
Type: size
Default value: "54px * $ui-margin-ratio"
Computed value: "32.4px"
Alias (for compatibility): $gbc-ChromeBarWidget-title-margin
$gbc-ChromeBar-item-gap
Defines the gap between ChromeBar item
Type: size
Default value: "0px"
Computed value: "0px"
Alias (for compatibility): $gbc-ChromeBarWidget-item-spacing,gbc-ChromeBar-item-spacing
$gbc-ChromeBar-title-max-width
Defines the ChromeBar title max width on desktop
Type: size
Default value: "400px"
Computed value: "400px"
$gbc-ChromeBar-mobile-title-max-width
Defines the ChromeBar title max width on mobile
Type: size
Default value: "170px"
Computed value: "170px"
$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
$gbc-ChromeBar-item-hover-color
ChromeBar item hover color
Type: color
Default value: $mt-white
Computed value: "#ffffff"
$gbc-ChromeBar-item-active-color
ChromeBar item active color
Type: color
Default value: $mt-white
Computed value: "#ffffff"
$gbc-ChromeBar-item-hover-opacity
ChromeBar item hover color
Type: number
Default value: 0.1
Computed value: 0.1
$gbc-ChromeBar-item-active-opacity
ChromeBar item hover color
Type: number
Default value: 0.5
Computed value: 0.5
$gbc-ChromeBar-icon-font-weight
Controls font-weight for icon fonts in the ChromeBar
Type: number
Default value: 700
Computed value: 700