Update material to version 12
This commit is contained in:
parent
d9d48b7ea8
commit
3b3ddae632
|
@ -17,13 +17,13 @@
|
|||
"private": true,
|
||||
"dependencies": {
|
||||
"@angular/animations": "~12.2.17",
|
||||
"@angular/cdk": "^11.2.13",
|
||||
"@angular/cdk": "^12.2.13",
|
||||
"@angular/common": "~12.2.17",
|
||||
"@angular/compiler": "~12.2.17",
|
||||
"@angular/core": "~12.2.17",
|
||||
"@angular/forms": "~12.2.17",
|
||||
"@angular/localize": "^12.2.17",
|
||||
"@angular/material": "^11.2.13",
|
||||
"@angular/material": "^12.2.13",
|
||||
"@angular/platform-browser": "~12.2.17",
|
||||
"@angular/platform-browser-dynamic": "~12.2.17",
|
||||
"@angular/router": "~12.2.17",
|
||||
|
@ -59,4 +59,4 @@
|
|||
"ts-node": "~7.0.0",
|
||||
"typescript": "~4.3.5"
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,12 +1,13 @@
|
|||
@use '~@angular/material' as mat;
|
||||
@import '../node_modules/@angular/material/theming';
|
||||
@include mat-core();
|
||||
$my-app-primary: mat-palette($mat-blue-grey);
|
||||
$my-app-accent: mat-palette($mat-green);
|
||||
$my-app-warn: mat-palette($mat-deep-orange);
|
||||
@include mat.core();
|
||||
$my-app-primary: mat.define-palette(mat.$blue-grey-palette);
|
||||
$my-app-accent: mat.define-palette(mat.$green-palette);
|
||||
$my-app-warn: mat.define-palette(mat.$deep-orange-palette);
|
||||
|
||||
$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
|
||||
$my-app-theme: mat.define-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
|
||||
|
||||
@include angular-material-theme($my-app-theme);
|
||||
@include mat.all-component-themes($my-app-theme);
|
||||
|
||||
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled), .mat-option.mat-active:not(.mat-option-disabled) {
|
||||
background-color: #F8CBBB;
|
||||
|
|
Loading…
Reference in New Issue