-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
84 additions
and
83 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,70 +1,71 @@ | ||
| @import url('https://fonts.googleapis.com/css?family=Open+Sans'); | ||
| @import '~@angular/material/theming'; | ||
| // Plus imports for other components in your app. | ||
|
|
||
| // 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. | ||
| // Be sure that you only ever include this mixin once! | ||
| @include mat-core(); | ||
|
|
||
| // 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 | ||
| // hue. Available color palettes: https://material.io/design/color/ | ||
| $candy-app-primary: mat-palette($mat-blue, 400); | ||
| $candy-app-accent: mat-palette($mat-pink, A200, A100, A400); | ||
|
|
||
| // The warn palette is optional (defaults to red). | ||
| $candy-app-warn: mat-palette($mat-red); | ||
|
|
||
| // Create the theme object. A theme consists of configurations for individual | ||
| // theming systems such as `color` or `typography`. | ||
| $candy-app-theme: mat-light-theme( | ||
| ( | ||
| color: ( | ||
| primary: $candy-app-primary, | ||
| accent: $candy-app-accent, | ||
| warn: $candy-app-warn, | ||
| ) | ||
| ) | ||
| ); | ||
|
|
||
| // Include theme styles for core and each component used in your app. | ||
| // Alternatively, you can import and @include the theme mixins for each component | ||
| // that you are using. | ||
| @include angular-material-theme($candy-app-theme); | ||
|
|
||
| html { | ||
| height: 100%; | ||
| width: 100%; | ||
| font-family: Arial, sans-serif; | ||
| font-size: 16px; | ||
| background: #f7d794; | ||
| margin: 0; | ||
| } | ||
|
|
||
| body { | ||
| height: 100%; | ||
| width: 100%; | ||
| margin: 0; | ||
| overflow: hidden; | ||
| } | ||
|
|
||
| a, | ||
| p, | ||
| span { | ||
| color: #262626; | ||
| text-decoration: none !important; | ||
| } | ||
|
|
||
| .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, | ||
| .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { | ||
| background-color: #ff4081 !important; | ||
| } | ||
|
|
||
| .mat-form-field-infix { | ||
| width: 40px !important; | ||
| } | ||
|
|
||
| color-block-swatches { | ||
| display: none !important; | ||
| } | ||
| @use '~@angular/material' as mat; | ||
| @import url('https://fonts.googleapis.com/css?family=Open+Sans'); | ||
| @import '~@angular/material/theming'; | ||
| // Plus imports for other components in your app. | ||
|
|
||
| // 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. | ||
| // Be sure that you only ever include this mixin once! | ||
| @include mat.core(); | ||
|
|
||
| // 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 | ||
| // hue. Available color palettes: https://material.io/design/color/ | ||
| $candy-app-primary: mat.define-palette(mat.$blue-palette, 400); | ||
| $candy-app-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400); | ||
|
|
||
| // The warn palette is optional (defaults to red). | ||
| $candy-app-warn: mat.define-palette(mat.$red-palette); | ||
|
|
||
| // Create the theme object. A theme consists of configurations for individual | ||
| // theming systems such as `color` or `typography`. | ||
| $candy-app-theme: mat.define-light-theme( | ||
| ( | ||
| color: ( | ||
| primary: $candy-app-primary, | ||
| accent: $candy-app-accent, | ||
| warn: $candy-app-warn, | ||
| ) | ||
| ) | ||
| ); | ||
|
|
||
| // Include theme styles for core and each component used in your app. | ||
| // Alternatively, you can import and @include the theme mixins for each component | ||
| // that you are using. | ||
| @include mat.all-component-themes($candy-app-theme); | ||
|
|
||
| html { | ||
| height: 100%; | ||
| width: 100%; | ||
| font-family: Arial, sans-serif; | ||
| font-size: 16px; | ||
| background: #f7d794; | ||
| margin: 0; | ||
| } | ||
|
|
||
| body { | ||
| height: 100%; | ||
| width: 100%; | ||
| margin: 0; | ||
| overflow: hidden; | ||
| } | ||
|
|
||
| a, | ||
| p, | ||
| span { | ||
| color: #262626; | ||
| text-decoration: none !important; | ||
| } | ||
|
|
||
| .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, | ||
| .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { | ||
| background-color: #ff4081 !important; | ||
| } | ||
|
|
||
| .mat-form-field-infix { | ||
| width: 40px !important; | ||
| } | ||
|
|
||
| color-block-swatches { | ||
| display: none !important; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters