Boolean$badge-disable-everything: false !default;Boolean$badge-disable-greyscale-theme: false !default;Boolean$badge-disable-primary-theme: false !default;Boolean$badge-disable-secondary-theme: false !default;Number$badge-size: 1.5rem !default;Number$badge-font-size: 0.625rem !default;Number$badge-offset: 0 !default;Number$badge-offset-top: $offset !default;Number$badge-offset-right: $offset !default;Number$badge-border-radius: border-radius.get-var(full) !default;Map$badge-typography: map.merge(
map.remove(typography.$body-1-styles, line-height, font-size),
(
font-size: $font-size,
)
) !default;Color $badge-light-theme-greyscale-background-color: #ccc !default;Color $badge-light-theme-greyscale-color: a11y.contrast-color(
$light-theme-greyscale-background-color
) !default;Color $badge-dark-theme-greyscale-background-color: colors.$grey-700 !default;Color $badge-dark-theme-greyscale-color: a11y.contrast-color(
$dark-theme-greyscale-background-color
) !default;Color $badge-greyscale-background-color: theme.get-default-color(
$light-theme-greyscale-background-color,
$dark-theme-greyscale-background-color
) !default;Color $badge-greyscale-color: theme.get-default-color(
$light-theme-greyscale-color,
$dark-theme-greyscale-color
) !default;List$badge-variables: (
border-radius,
greyscale-background-color,
greyscale-color,
size,
offset,
offset-top,
offset-right
);mixin@mixin set-var($name, $value) { … }mixin@mixin use-var($property, $name: $property, $fallback: null) { … }mixin@mixin use-light-theme { … }mixin@mixin use-dark-theme { … }mixin@mixin variables { … }mixin@mixin styles($disable-layer: false) { … }function@function get-var($name, $fallback: null) { … }StringSet to true to disable all the styles
Set to true to disable the styles for the greyscale theme only
Set to true to disable the styles for the primary theme only
Set to true to disable the styles for the secondary theme only
The default height and width
The default font size which is merged into the $typography map.
The default top and right offset applied to badges that are positioned absolutely in a relative container.
The styles are setup like:
right: var(--rmd-badge-offset-right, var(--rmd-badge-offset))
An optional top offset override. When this is null or equal to the
offset, it will not be set and fallback to the offset
instead.
An optional right offset override. When this is null or equal to the
offset, it will not be set and fallback to the offset
instead.
The default border radius
The default typography to use
The background color for the greyscale theme when using the global light theme
The text color for the greyscale theme when using the global light theme
The background color for the greyscale theme when using the global dark theme
The text color for the greyscale theme when using the global dark theme
The default greyscale background color
The default greyscale text color
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
Applies the light the variables based on feature flags
Applies the dark the variables based on feature flags
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