Boolean$tooltip-disable-everything: false !default;Set to true to disable all the styles
Boolean$tooltip-disable-vertical: false !default;Set to true to disable both the above and below styles.
Boolean$tooltip-disable-horizontal: false !default;Set to true to disable both the left and right styles.
Boolean$tooltip-disable-above: $disable-vertical !default;Set to true to disable the position="above" styles.
Boolean$tooltip-disable-below: $disable-vertical !default;Set to true to disable the position="below" styles.
Boolean$tooltip-disable-left: $disable-horizontal !default;Set to true to disable the position="left" styles.
Boolean$tooltip-disable-right: $disable-horizontal !default;Set to true to disable the position="right" styles.
Boolean$tooltip-disable-dense: false !default;Set to true to disable the dense styles.
Color $tooltip-background-color: #616161 !default;The default Tooltip background-color.
Color $tooltip-color: a11y.contrast-color($background-color) !default;The default Tooltip text color
Map$tooltip-typography: map.merge(
typography.$body-1-styles,
(
letter-spacing: null,
)
) !default;The default Tooltip typography styles.
Map$tooltip-dense-typography: (
font-size: 0.625rem,
line-height: 0.825rem,
) !default;The default dense Tooltip typography styles which is applied on top of the $typography styles.
Number$tooltip-border-radius: border-radius.get-var(xs) !default;The default Tooltip border radius.
Number$tooltip-z-index: utils.$temporary-element-z-index + 20 !default;The default Tooltip z-index.
Number$tooltip-max-width: 15rem !default;The default max-width for a Tooltip.
Number$tooltip-min-height: 2rem !default;The default min-height for a Tooltip.
Number$tooltip-horizontal-padding: spacing.get-var(md) !default;The default horizontal padding for a Tooltip.
Number$tooltip-vertical-padding: calc(spacing.get-var(sm) * 1.25) !default;The default vertical padding for a Tooltip
Number$tooltip-spacing: 1.5rem !default;The default spacing between a tooltipped element and the Tooltip.
Number$tooltip-dense-spacing: 0.875rem !default;The default dense spacing between a tooltipped element and the Tooltip.
Number$tooltip-dense-min-height: 1.375rem !default;The default min-height for a dense Tooltip.
Number$tooltip-dense-horizontal-padding: spacing.get-var(sm) !default;The default horizontal padding for a dense Tooltip.
Number$tooltip-dense-vertical-padding: calc(spacing.get-var(xs) * 1.25) !default;The default vertical padding for a dense Tooltip.
Number$tooltip-enter-duration: transition.$linear-duration !default;The default Tooltip enter transition duration.
Number$tooltip-enter-timing-function: transition.$deceleration-timing-function !default;The default Tooltip enter transition timing function.
Number$tooltip-leave-duration: transition.$linear-duration !default;The default Tooltip leave transition duration.
Number$tooltip-leave-timing-function: transition.$acceleration-timing-function !default;The default Tooltip leave transition timing function.
Number$tooltip-transition-distance: spacing.get-var(sm) !default;The default Tooltip enter/leave animation distance.
List$tooltip-variables: (
background-color,
border-radius,
color,
spacing,
z-index,
horizontal-padding,
vertical-padding,
min-height,
max-width,
dense-horizontal-padding,
dense-vertical-padding,
dense-min-height,
transition-distance
);The available configurable css variables and mostly used internally for the
get-var, set-var, and use-var utils.
mixin@mixin set-var($name, $value) { … }| Name | Description | Type | Default Value |
|---|---|---|---|
$name | The supported variable name | String | — |
$value | The value to set the variable to. Supports | any | — |
mixin@mixin use-var($property, $name: $property, $fallback: null) { … }mixin@mixin variables { … }Conditionally applies the css variables based on feature flags
mixin@mixin styles($disable-layer: false) { … }Generates all the styles based on feature flags.
| Name | Description | Type | Default Value |
|---|---|---|---|
$disable-layer | Set this to | Boolean | false |
function@function get-var($name, $fallback: null) { … }Stringa var() statement
| Name | Description | Type | Default Value |
|---|---|---|---|
$name | The supported variable name | String | — |
$fallback | An optional fallback value | any | null |