Merge pull request #439 from material-components/feature/325-large-button

PatelUtkarsh · web-flow · commit e6f7429d0bf9 · 2022-08-27T09:30:38.000+05:30
Button updates
diff --git a/plugin/assets/css/src/components/button.css b/plugin/assets/css/src/components/button.css
@@ -655,19 +655,21 @@ svg.mdc-button__icon {
 
 .mdc-button--elevated:not(:disabled),
 .mdc-button--raised:not(:disabled) {
+	color: var(--md-sys-color-primary);
 
 	&:hover {
 		background-color: var(--md-sys-color-surface-variant);
 	}
 
 	&:focus,
 	&:active {
-		background-color: var(--md-sys-color-surface);
+		background-color: var(--md-sys-color-surface-variant);
 	}
 }
 
 .mdc-button.is-large {
 	background-color: var(--md-sys-color-primary-container);
+	border: 0;
 	border-radius: var(--md-sys-shape-medium);
 	box-shadow: var(--md-sys-elevation-1);
 	color: var(--md-sys-color-on-primary-container);

Original file line number	Diff line number	Diff line change
`@@ -655,19 +655,21 @@ svg.mdc-button__icon {`
`655`	`655`
`656`	`656`	`.mdc-button--elevated:not(:disabled),`
`657`	`657`	`.mdc-button--raised:not(:disabled) {`
	`658`	`+ color: var(--md-sys-color-primary);`
`658`	`659`
`659`	`660`	`&:hover {`
`660`	`661`	`background-color: var(--md-sys-color-surface-variant);`
`661`	`662`	`}`
`662`	`663`
`663`	`664`	`&:focus,`
`664`	`665`	`&:active {`
`665`		`- background-color: var(--md-sys-color-surface);`
	`666`	`+ background-color: var(--md-sys-color-surface-variant);`
`666`	`667`	`}`
`667`	`668`	`}`
`668`	`669`
`669`	`670`	`.mdc-button.is-large {`
`670`	`671`	`background-color: var(--md-sys-color-primary-container);`
	`672`	`+ border: 0;`
`671`	`673`	`border-radius: var(--md-sys-shape-medium);`
`672`	`674`	`box-shadow: var(--md-sys-elevation-1);`
`673`	`675`	`color: var(--md-sys-color-on-primary-container);`