@use '@angular/material' as mat; /* You can add global styles to this file, and also import other style files */ html, body { height: 100%; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } // TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles. // The following line adds: // 1. Default typography styles for all components // 2. Styles for typography hierarchy classes (e.g. .mat-headline-1) // If you specify typography styles for the components you use elsewhere, you should delete this line. // If you don't need the default component typographies but still want the hierarchy styles, // you can delete this line and instead use: // `@include mat.legacy-typography-hierarchy(mat.define-typography-config());` @include mat.all-component-typographies(); @include mat.core(); // The following mixins include base theme styles that are only needed once per application. These // theme styles do not depend on the color, typography, or density settings in your theme. However, // these styles may differ depending on the theme's design system. Currently all themes use the // Material 2 design system, but in the future it may be possible to create theme based on other // design systems, such as Material 3. // // Please note: you do not need to include the 'base' mixins, if you include the corresponding // 'theme' mixin elsewhere in your Sass. The full 'theme' mixins already include the base styles. // // To learn more about "base" theme styles visit our theming guide: // https://material.angular.io/guide/theming#theming-dimensions // // TODO(v17): Please move these @include statements to the preferred place in your Sass, and pass // your theme to them. This will ensure the correct values for your app are included. //@include mat.all-component-bases(/* TODO(v17): pass $your-theme here */); $workspace-primary: mat.define-palette(mat.$green-palette); $workspace-accent: mat.define-palette(mat.$purple-palette, A200, A100, A400); $workspace-warn: mat.define-palette(mat.$red-palette); $workspace-theme: mat.define-light-theme(mat.define-light-theme(( color: ( primary: $workspace-primary, accent: $workspace-accent, warn: $workspace-warn, ), typography: mat.define-typography-config(), density: 0, ))); @include mat.core-theme($workspace-theme); @include mat.divider-theme($workspace-theme); @include mat.card-theme($workspace-theme); @include mat.toolbar-theme(mat.define-light-theme(( color: ( primary: mat.define-palette(mat.$blue-grey-palette, 700), accent: mat.define-palette(mat.$blue-grey-palette, 200), warn: mat.define-palette(mat.$green-palette), ), typography: mat.define-typography-config(), density: 0, ))); @include mat.button-theme(mat.define-light-theme(( color: ( primary: mat.define-palette(mat.$orange-palette, 900), accent: mat.define-palette(mat.$indigo-palette, 500), warn: mat.define-palette(mat.$red-palette, 500) ), typography: mat.define-typography-config(), density: 0, ))); @include mat.fab-theme(mat.define-light-theme(( color: ( primary: mat.define-palette(mat.$orange-palette, 900), accent: mat.define-palette(mat.$indigo-palette, 500), warn: mat.define-palette(mat.$red-palette, 500) ), typography: mat.define-typography-config(), density: 0, ))); @include mat.icon-theme(mat.define-light-theme(( color: ( primary: mat.define-palette(mat.$orange-palette, 900), accent: mat.define-palette(mat.$indigo-palette, 500), warn: mat.define-palette(mat.$red-palette, 500) ), typography: mat.define-typography-config(), density: 0, ))); .p3x-ng-compile-template-intent:before { } .p3x-ng-compile-template-intent { color: mat.get-color-from-palette(mat.$grey-palette, 500); padding: 8px; font-size: 18px; font-weight: bold; display: inline-block; } .p3x-ng-compile-template { font-size: 18px; font-weight: bold; display: inline-block; } a.mat-mdc-button { //padding: 0; }