2023-04-18 02:06:02 +03:00
|
|
|
//
|
|
|
|
// Copyright 2023 Google LLC
|
|
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
//
|
|
|
|
|
|
|
|
// go/keep-sorted start
|
2023-05-02 22:19:05 +03:00
|
|
|
@use 'sass:list';
|
|
|
|
// go/keep-sorted end
|
|
|
|
// go/keep-sorted start
|
2023-04-18 02:06:02 +03:00
|
|
|
@use '../../tokens';
|
|
|
|
// go/keep-sorted end
|
|
|
|
|
|
|
|
@mixin theme($tokens) {
|
2023-05-02 22:19:05 +03:00
|
|
|
$supported-tokens: list.join(
|
|
|
|
tokens.$md-comp-fab-branded-supported-tokens,
|
|
|
|
(
|
|
|
|
'container-shape-start-start',
|
|
|
|
'container-shape-start-end',
|
|
|
|
'container-shape-end-end',
|
|
|
|
'container-shape-end-start',
|
|
|
|
'large-container-shape-start-start',
|
|
|
|
'large-container-shape-start-end',
|
|
|
|
'large-container-shape-end-end',
|
|
|
|
'large-container-shape-end-start'
|
|
|
|
)
|
|
|
|
);
|
2023-04-18 02:06:02 +03:00
|
|
|
|
|
|
|
@each $token, $value in $tokens {
|
2023-05-02 22:19:05 +03:00
|
|
|
@if list.index($supported-tokens, $token) == null {
|
|
|
|
@error 'Token `#{$token}` is not a supported token.';
|
|
|
|
}
|
|
|
|
|
|
|
|
@if $value {
|
|
|
|
--md-fab-branded-#{$token}: #{$value};
|
|
|
|
}
|
2023-04-18 02:06:02 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin styles() {
|
2024-01-26 03:13:13 +03:00
|
|
|
$tokens: tokens.md-comp-fab-branded-values(
|
|
|
|
$exclude-custom-properties: false,
|
|
|
|
);
|
2023-04-18 02:06:02 +03:00
|
|
|
|
|
|
|
:host {
|
|
|
|
@each $token, $value in $tokens {
|
2024-01-26 03:13:13 +03:00
|
|
|
--_#{$token}: #{$value};
|
2023-04-18 02:06:02 +03:00
|
|
|
}
|
2023-05-02 22:19:05 +03:00
|
|
|
|
|
|
|
// Support logical shape properties
|
|
|
|
--_container-shape-start-start: var(
|
|
|
|
--md-fab-branded-container-shape-start-start,
|
|
|
|
var(--_container-shape)
|
|
|
|
);
|
|
|
|
--_container-shape-start-end: var(
|
|
|
|
--md-fab-branded-container-shape-start-end,
|
|
|
|
var(--_container-shape)
|
|
|
|
);
|
|
|
|
--_container-shape-end-end: var(
|
|
|
|
--md-fab-branded-container-shape-end-end,
|
|
|
|
var(--_container-shape)
|
|
|
|
);
|
|
|
|
--_container-shape-end-start: var(
|
|
|
|
--md-fab-branded-container-shape-end-start,
|
|
|
|
var(--_container-shape)
|
|
|
|
);
|
|
|
|
--_large-container-shape-start-start: var(
|
|
|
|
--md-fab-branded-large-container-shape-start-start,
|
|
|
|
var(--_large-container-shape)
|
|
|
|
);
|
|
|
|
--_large-container-shape-start-end: var(
|
|
|
|
--md-fab-branded-large-container-shape-start-end,
|
|
|
|
var(--_large-container-shape)
|
|
|
|
);
|
|
|
|
--_large-container-shape-end-end: var(
|
|
|
|
--md-fab-branded-large-container-shape-end-end,
|
|
|
|
var(--_large-container-shape)
|
|
|
|
);
|
|
|
|
--_large-container-shape-end-start: var(
|
|
|
|
--md-fab-branded-large-container-shape-end-start,
|
|
|
|
var(--_large-container-shape)
|
|
|
|
);
|
2023-04-18 02:06:02 +03:00
|
|
|
}
|
|
|
|
}
|