material-web/labs/card/internal/_filled-card.scss
Elizabeth Mitchell 84536d7416 chore: update components to use custom properties from tokens
PiperOrigin-RevId: 601597083
2024-01-25 16:13:41 -08:00

38 lines
742 B
SCSS

//
// Copyright 2023 Google LLC
// SPDX-License-Identifier: Apache-2.0
//
// go/keep-sorted start
@use 'sass:list';
// go/keep-sorted end
// go/keep-sorted start
@use '../../../tokens';
// go/keep-sorted end
@mixin theme($tokens) {
$supported-tokens: tokens.$md-comp-filled-card-supported-tokens;
@each $token, $value in $tokens {
@if list.index($supported-tokens, $token) == null {
@error 'Filled card `#{$token}` is not a supported token.';
}
@if $value {
--md-filled-card-#{$token}: #{$value};
}
}
}
@mixin styles() {
$tokens: tokens.md-comp-filled-card-values(
$exclude-custom-properties: false,
);
:host {
@each $token, $value in $tokens {
--_#{$token}: #{$value};
}
}
}