Boolean
$snackbar-disable-everything: false !default;
Boolean
$snackbar-disable-absolute: false !default;
Boolean
$snackbar-disable-top: false !default;
Boolean
$snackbar-disable-bottom: false !default;
Boolean
$snackbar-disable-top-right: $disable-top !default;
Boolean
$snackbar-disable-top-left: $disable-top !default;
Boolean
$snackbar-disable-bottom-left: $disable-bottom !default;
Boolean
$snackbar-disable-bottom-right: $disable-bottom !default;
Boolean
$snackbar-disable-close-button: false !default;
Boolean
$snackbar-disable-action-button: false !default;
Boolean
$snackbar-disable-stacked: false !default;
String
$snackbar-default-align-items: center !default;
Number
$snackbar-gap: spacing.get-var(md) !default;
Number
$snackbar-toast-gap: spacing.get-var(md) !default;
Number
$snackbar-toast-gap-stacked: spacing.get-var(sm) !default;
Number
$snackbar-toast-gap-both-buttons: spacing.get-var(xs) !default;
Number
$snackbar-margin: spacing.get-var(md) !default;
Number
$snackbar-elevation: 6 !default;
Number
$snackbar-border-radius: border-radius.get-var(xs) !default;
Number
$snackbar-vertical-padding: calc(spacing.get-var(sm) * 1.5) !default;
Number
$snackbar-horizontal-padding: spacing.get-var(md) !default;
Number
$snackbar-action-horizontal-padding: spacing.get-var(sm) !default;
Number
$snackbar-close-button-horizontal-padding: spacing.get-var(none) !default;
Number
$snackbar-min-height: 3rem !default;
Number
$snackbar-min-width: 21.5rem !default;
Number
$snackbar-max-width: 35.5rem !default;
Number
$snackbar-z-index: utils.$temporary-element-z-index + 10 !default;
Map
$snackbar-typography: map.merge(
typography.$base-font-styles,
typography.$subtitle-2-styles
) !default;
Color
$snackbar-light-theme-background-color: #323232 !default;
Color
$snackbar-light-theme-color: a11y.contrast-color($light-theme-background-color) !default;
Color
$snackbar-dark-theme-background-color: if(
theme.$disable-dark-elevation,
$light-theme-background-color,
map.get(theme.$dark-elevation-colors, $elevation)
) !default;
Color
$snackbar-dark-theme-color: a11y.contrast-color($dark-theme-background-color) !default;
Color
$snackbar-background-color: theme.get-default-color(
$light-theme-background-color,
$dark-theme-background-color
) !default;
Color
$snackbar-color: theme.get-default-color($light-theme-color, $dark-theme-color) !default;
List
$snackbar-variables: (background-color, color, offset);
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
if the position: absolute
styles are not required where a
Snackbar
is rendered within another position: relative
container.
Set to true
to disable the styles for a Snackbar
positioned at the top of the page/container.
Set to true
to disable the styles for a Snackbar
positioned at the bottom of the page/container.
Set to true
to disable the styles for a Snackbar
positioned at the top-right of the page/container.
Set to true
to disable the styles for a Snackbar
positioned at the top-left of the page/container.
Set to true
to disable the styles for a Snackbar
positioned at the bottom-left of the page/container.
Set to true
to disable the styles for a Snackbar
positioned at the bottom-right of the page/container.
Set to true
to disable the ToastCloseButton
styles.
Set to true
to disable the ToastActionButton
styles.
Set to true
to disable the stacked Snackbar
styles.
The default align-items
for a Snackbar
.
The default gap
for a Snackbar
.
The default gap
for a Toast
.
The default gap
for a stacked Toast
.
The default gap
for a toast that has both a ToastActionButton
and
ToastCloseButton
.
The viewport margin to apply to all Toast
rendered within the Snackbar
.
A number between 0-24 representing the box-shadow elevation for a Toast
.
The default border-radius for a Toast
.
The default vertical padding for a Toast
.
The default horizontal padding for a Toast
.
The default horizontal padding for a Toast
that has an
ToastActionButton
.
The default horizontal padding for a Toast
that has an
ToastCloseButton
.
The min-height for a Toast
.
The min-width for a Toast
when the viewport is tablet or above.
The max-width for a Toast
.
The default z-index
for a Toast
.
The default Toast
typography styles.
The background-color to use in the light theme.
The text color to use in the light theme.
The background-color to use in the dark theme.
The text color to use in the dark theme.
The default background-color for a Toast
.
The default text color for a Toast
.
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