DEV/material-components_material-web
1
0
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2026-01-09 07:21:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(button): add gradient support to container colors

Browse Source 
This feature works by using the `background` shorthand instead of `background-color`. This property supports both CSS `<color>` and `<gradient>` types.

PiperOrigin-RevId: 751080245
This commit is contained in:
Elizabeth Mitchell 2025-04-24 11:58:24 -07:00 committed by Copybara-Service
parent 169023da85
commit 5bc15069d1
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
button/internal/_shared.scss
View File

@ -122,7 +122,7 @@
.background {
// Background color. Separate node for disabled opacity styles.
background-color: var(--_container-color);
background: var(--_container-color);
border-radius: inherit;
inset: 0;
position: absolute;
@ -145,7 +145,7 @@
}
:host(:is([disabled], [soft-disabled])) .background {
background-color: var(--_disabled-container-color);
background: var(--_disabled-container-color);
opacity: var(--_disabled-container-opacity);
}