mirror of https://github.com/ghostfolio/ghostfolio
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.9 KiB
52 lines
1.9 KiB
@use 'sass:map';
|
|
@use '../core/tokens/m3-utils';
|
|
@use '../core/tokens/m3';
|
|
|
|
/// Generates custom tokens for the mat-badge.
|
|
@function get-tokens($theme: m3.$sys-theme, $color-variant: null) {
|
|
$system: m3-utils.get-system($theme);
|
|
@if $color-variant {
|
|
$system: m3-utils.replace-colors-with-variant($system, error, $color-variant);
|
|
}
|
|
|
|
$tokens: (
|
|
base: (
|
|
badge-container-offset: -12px 0,
|
|
badge-container-overlap-offset: -12px,
|
|
badge-container-padding: 0 4px,
|
|
badge-container-shape: map.get($system, corner-full),
|
|
badge-container-size: 16px,
|
|
badge-large-size-container-offset: -12px 0,
|
|
badge-large-size-container-overlap-offset: -12px,
|
|
badge-large-size-container-padding: 0 4px,
|
|
badge-large-size-container-size: 16px,
|
|
badge-legacy-container-size: unset,
|
|
badge-legacy-large-size-container-size: unset,
|
|
badge-legacy-small-size-container-size: unset,
|
|
badge-small-size-container-offset: -6px 0,
|
|
badge-small-size-container-overlap-offset: -6px,
|
|
badge-small-size-container-padding: 0,
|
|
badge-small-size-container-size: 6px,
|
|
),
|
|
color: (
|
|
badge-background-color: map.get($system, error),
|
|
badge-disabled-state-background-color:
|
|
m3-utils.color-with-opacity(map.get($system, error), 38%),
|
|
badge-disabled-state-text-color: map.get($system, on-error),
|
|
badge-text-color: map.get($system, on-error),
|
|
),
|
|
typography: (
|
|
badge-large-size-line-height: 16px,
|
|
badge-large-size-text-size: map.get($system, label-small-size),
|
|
badge-line-height: 16px,
|
|
badge-small-size-line-height: 6px,
|
|
badge-small-size-text-size: 0,
|
|
badge-text-font: map.get($system, label-small-font),
|
|
badge-text-size: map.get($system, label-small-size),
|
|
badge-text-weight: map.get($system, label-small-weight),
|
|
),
|
|
density: (),
|
|
);
|
|
|
|
@return $tokens;
|
|
}
|
|
|