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