Merge pull request #441 from material-components/fix/card-hover-var

emeaguiar · web-flow · commit b8c3ab8ed0be · 2022-08-30T09:32:09.000-05:00
Update card elevation shadow
diff --git a/plugin/assets/css/src/components/card.css b/plugin/assets/css/src/components/card.css
@@ -170,8 +170,8 @@
 }
 
 .mdc-card--elevated {
-	background: linear-gradient(0deg, rgba(var(--md-sys-color-surface-rgb), 0.05), rgba(var(--md-sys-color-surface-rgb), 0.05)), var(--md-sys-color-surface);
-	box-shadow: 0 1px 2px rgba(var(--md-sys-color-shadow-rgb, 0, 0, 0), 0.3), 0 2px 6px 2px rgba(var(--md-sys-color-shadow-rgb, 0, 0, 0), 0.15);
+	background: var(--md-sys-color-surface);
+	box-shadow: var(--md-sys-elevation-1);
 }
 
 .mdc-card--filled {

Original file line number	Diff line number	Diff line change
`@@ -170,8 +170,8 @@`
`170`	`170`	`}`
`171`	`171`
`172`	`172`	`.mdc-card--elevated {`
`173`		`- background: linear-gradient(0deg, rgba(var(--md-sys-color-surface-rgb), 0.05), rgba(var(--md-sys-color-surface-rgb), 0.05)), var(--md-sys-color-surface);`
`174`		`- box-shadow: 0 1px 2px rgba(var(--md-sys-color-shadow-rgb, 0, 0, 0), 0.3), 0 2px 6px 2px rgba(var(--md-sys-color-shadow-rgb, 0, 0, 0), 0.15);`
	`173`	`+ background: var(--md-sys-color-surface);`
	`174`	`+ box-shadow: var(--md-sys-elevation-1);`
`175`	`175`	`}`
`176`	`176`
`177`	`177`	`.mdc-card--filled {`