benjamin/wgenerator
1
0
Fork 0
Code Releases Activity

update material12

Browse Source
This commit is contained in:
smuddyx
2021-05-21 10:16:29 +02:00
parent a164af46f1
commit 6c921e35de
3 changed files with 32 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
package-lock.json generated
View File

@@ -531,11 +531,12 @@
} }
}, },
"@angular/cdk": { "@angular/cdk": {
"version": "9.2.1", "version": "12.0.1",
"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.2.1.tgz", "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-12.0.1.tgz",
"integrity": "sha512-aSG1UNPszkSnpNuDCNd7ZgT29oQ8vqHPmoqjvJI0JkEv3i6uEs5tRuhWl3TK39wDNuwdlq0AY47XTa/0Ppb5RQ==", "integrity": "sha512-fO77bM0LWZeHkg+o23ZYGaZbth5DbaGDHrHVq+ygPA+wjmSDs12w2vIXQ6KpruGdP+28tAdpvZDMfD56N7xTbg==",
"requires": { "requires": {
"parse5": "^5.0.0" "parse5": "^5.0.0",
"tslib": "^2.1.0"
}, },
"dependencies": { "dependencies": {
"parse5": { "parse5": {
@@ -986,9 +987,12 @@
"dev": true "dev": true
}, },
"@angular/material": { "@angular/material": {
"version": "9.2.1", "version": "12.0.1",
"resolved": "https://registry.npmjs.org/@angular/material/-/material-9.2.1.tgz", "resolved": "https://registry.npmjs.org/@angular/material/-/material-12.0.1.tgz",
"integrity": "sha512-nqn/0Eg04DxwnkRGSM1xnmGgtfHYOBcEPbFeTu8c1qAbjFEozd6tpw4y6dQrCCL/JLNIRQPsxsUsVnKeWDF/4Q==" "integrity": "sha512-Sevy/ssBuidSbpixUH8SvBXpHn+rKYfDao2YTgQxBJugIun9mnV0QqlzVG2gkdVYCesqEgZJRe3k7QXq7E+vlw==",
"requires": {
"tslib": "^2.1.0"
}
}, },
"@angular/platform-browser": { "@angular/platform-browser": {
"version": "12.0.1", "version": "12.0.1",

4
package.json
View File

@@ -12,13 +12,13 @@
"private": true, "private": true,
"dependencies": { "dependencies": {
"@angular/animations": "~12.0.1", "@angular/animations": "~12.0.1",
"@angular/cdk": "^9.2.1", "@angular/cdk": "^12.0.1",
"@angular/common": "~12.0.1", "@angular/common": "~12.0.1",
"@angular/compiler": "~12.0.1", "@angular/compiler": "~12.0.1",
"@angular/core": "~12.0.1", "@angular/core": "~12.0.1",
"@angular/fire": "^5.4.2", "@angular/fire": "^5.4.2",
"@angular/forms": "~12.0.1", "@angular/forms": "~12.0.1",
"@angular/material": "^9.2.1", "@angular/material": "^12.0.1",
"@angular/platform-browser": "~12.0.1", "@angular/platform-browser": "~12.0.1",
"@angular/platform-browser-dynamic": "~12.0.1", "@angular/platform-browser-dynamic": "~12.0.1",
"@angular/router": "~12.0.1", "@angular/router": "~12.0.1",

40
src/custom-theme.scss
View File

@@ -1,83 +1,81 @@
@use '~@angular/material' as mat;
// Custom Theming for Angular Material // Custom Theming for Angular Material
// For more information: https://material.angular.io/guide/theming // For more information: https://material.angular.io/guide/theming
@import '~@angular/material/theming';
// Plus imports for other components in your app. // Plus imports for other components in your app.
// Include the common styles for Angular Material. We include this here so that you only // Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app. // have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once! // Be sure that you only ever include this mixin once!
@include mat-core(); @include mat.core();
// Define the palettes for your theme using the Material Design palettes available in palette.scss // Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker // (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/ // hue. Available color palettes: https://material.io/design/color/
$wgenerator-primary: mat-palette($mat-indigo); $wgenerator-primary: mat.define-palette(mat.$indigo-palette);
$wgenerator-accent: mat-palette($mat-pink, A200, A100, A400); $wgenerator-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
// The warn palette is optional (defaults to red). // The warn palette is optional (defaults to red).
$wgenerator-warn: mat-palette($mat-red); $wgenerator-warn: mat.define-palette(mat.$red-palette);
// Create the theme object (a Sass map containing all of the palettes). // Create the theme object (a Sass map containing all of the palettes).
$wgenerator-theme: mat-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-warn); $wgenerator-theme: mat.define-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-warn);
// Include theme styles for core and each component used in your app. // Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component // Alternatively, you can import and @include the theme mixins for each component
// that you are using. // that you are using.
@include angular-material-theme($wgenerator-theme); @include mat.all-component-themes($wgenerator-theme);
// Custom Theming for Angular Material // Custom Theming for Angular Material
// For more information: https://material.angular.io/guide/theming // For more information: https://material.angular.io/guide/theming
@import '~@angular/material/theming';
// Plus imports for other components in your app. // Plus imports for other components in your app.
// Include the common styles for Angular Material. We include this here so that you only // Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app. // have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once! // Be sure that you only ever include this mixin once!
@include mat-core(); @include mat.core();
// Define the palettes for your theme using the Material Design palettes available in palette.scss // Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker // (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/ // hue. Available color palettes: https://material.io/design/color/
$wgenerator-primary: mat-palette($mat-indigo); $wgenerator-primary: mat.define-palette(mat.$indigo-palette);
$wgenerator-accent: mat-palette($mat-pink, A200, A100, A400); $wgenerator-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
// The warn palette is optional (defaults to red). // The warn palette is optional (defaults to red).
$wgenerator-warn: mat-palette($mat-red); $wgenerator-warn: mat.define-palette(mat.$red-palette);
// Create the theme object (a Sass map containing all of the palettes). // Create the theme object (a Sass map containing all of the palettes).
$wgenerator-theme: mat-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-warn); $wgenerator-theme: mat.define-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-warn);
// Include theme styles for core and each component used in your app. // Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component // Alternatively, you can import and @include the theme mixins for each component
// that you are using. // that you are using.
@include angular-material-theme($wgenerator-theme); @include mat.all-component-themes($wgenerator-theme);
// Custom Theming for Angular Material // Custom Theming for Angular Material
// For more information: https://material.angular.io/guide/theming // For more information: https://material.angular.io/guide/theming
@import '~@angular/material/theming';
// Plus imports for other components in your app. // Plus imports for other components in your app.
// Include the common styles for Angular Material. We include this here so that you only // Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app. // have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once! // Be sure that you only ever include this mixin once!
@include mat-core(); @include mat.core();
// Define the palettes for your theme using the Material Design palettes available in palette.scss // Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker // (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/ // hue. Available color palettes: https://material.io/design/color/
$wgenerator-primary: mat-palette($mat-indigo); $wgenerator-primary: mat.define-palette(mat.$indigo-palette);
$wgenerator-accent: mat-palette($mat-pink, A200, A100, A400); $wgenerator-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
// The warn palette is optional (defaults to red). // The warn palette is optional (defaults to red).
$wgenerator-warn: mat-palette($mat-red); $wgenerator-warn: mat.define-palette(mat.$red-palette);
// Create the theme object (a Sass map containing all of the palettes). // Create the theme object (a Sass map containing all of the palettes).
$wgenerator-theme: mat-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-warn); $wgenerator-theme: mat.define-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-warn);
// Include theme styles for core and each component used in your app. // Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component // Alternatively, you can import and @include the theme mixins for each component
// that you are using. // that you are using.
@include angular-material-theme($wgenerator-theme); @include mat.all-component-themes($wgenerator-theme);