mirror of
https://github.com/material-components/material-web.git
synced 2024-09-21 02:27:12 +03:00
32 lines
642 B
SCSS
32 lines
642 B
SCSS
//
|
|
// Copyright 2021 Google LLC
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
//
|
|
|
|
// stylelint-disable selector-class-pattern --
|
|
// Selector '.md3-*' should only be used in this project.
|
|
|
|
@use 'sass:map';
|
|
|
|
$transparent-theme: (
|
|
overlay-opacity: 0,
|
|
surface-tint-layer-color: transparent,
|
|
);
|
|
|
|
@mixin theme-styles($theme) {
|
|
@include _overlay-color(map.get($theme, surface-tint-layer-color));
|
|
@include _overlay-opacity(map.get($theme, overlay-opacity));
|
|
}
|
|
|
|
@mixin _overlay-color($color) {
|
|
.md3-elevation-overlay {
|
|
background-color: $color;
|
|
}
|
|
}
|
|
|
|
@mixin _overlay-opacity($opacity) {
|
|
.md3-elevation-overlay {
|
|
opacity: $opacity;
|
|
}
|
|
}
|