chore: add style urls to examples (#9232)

* Adds the missing `styleUrls` component property for most of the examples. If someone launches the example in StackBlitz, he might want to change the styles and would expect the existing CSS file to be ready.

Author: devversion

src/material-examples/button-overview/button-overview-example.ts

@@ -6,5 +6,6 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'button-overview-example',
   templateUrl: 'button-overview-example.html',
+  styleUrls: ['button-overview-example.css'],
 })
 export class ButtonOverviewExample {}

src/material-examples/button-toggle-overview/button-toggle-overview-example.ts

@@ -6,5 +6,6 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'button-toggle-overview-example',
   templateUrl: 'button-toggle-overview-example.html',
+  styleUrls: ['button-toggle-overview-example.css'],
 })
 export class ButtonToggleOverviewExample {}

src/material-examples/card-overview/card-overview-example.ts

@@ -6,5 +6,6 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'card-overview-example',
   templateUrl: 'card-overview-example.html',
+  styleUrls: ['card-overview-example.css'],
 })
 export class CardOverviewExample {}

src/material-examples/checkbox-overview/checkbox-overview-example.ts

@@ -6,5 +6,6 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'checkbox-overview-example',
   templateUrl: 'checkbox-overview-example.html',
+  styleUrls: ['checkbox-overview-example.css'],
 })
 export class CheckboxOverviewExample {}

src/material-examples/dialog-content/dialog-content-example.ts

@@ -7,6 +7,7 @@ import {MatDialog} from '@angular/material';
 @Component({
   selector: 'dialog-content-example',
   templateUrl: 'dialog-content-example.html',
+  styleUrls: ['dialog-content-example.css'],
 })
 export class DialogContentExample {
   constructor(public dialog: MatDialog) {}

src/material-examples/dialog-data/dialog-data-example.ts

@@ -7,6 +7,7 @@ import {MatDialog, MAT_DIALOG_DATA} from '@angular/material';
 @Component({
   selector: 'dialog-data-example',
   templateUrl: 'dialog-data-example.html',
+  styleUrls: ['dialog-data-example.css']
 })
 export class DialogDataExample {
   constructor(public dialog: MatDialog) {}

src/material-examples/dialog-elements/dialog-elements-example.ts

@@ -7,6 +7,7 @@ import {MatDialog} from '@angular/material';
 @Component({
   selector: 'dialog-elements-example',
   templateUrl: 'dialog-elements-example.html',
+  styleUrls: ['dialog-elements-example.css'],
 })
 export class DialogElementsExample {
   constructor(public dialog: MatDialog) { }

src/material-examples/dialog-overview/dialog-overview-example.ts

@@ -6,7 +6,8 @@ import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material';
  */
 @Component({
   selector: 'dialog-overview-example',
-  templateUrl: 'dialog-overview-example.html'
+  templateUrl: 'dialog-overview-example.html',
+  styleUrls: ['dialog-overview-example.css'],
 })
 export class DialogOverviewExample {
 

src/material-examples/expansion-overview/expansion-overview-example.ts

@@ -6,6 +6,7 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'expansion-overview-example',
   templateUrl: 'expansion-overview-example.html',
+  styleUrls: ['expansion-overview-example.css'],
 })
 export class ExpansionOverviewExample {
   panelOpenState: boolean = false;

src/material-examples/grid-list-dynamic/grid-list-dynamic-example.ts

@@ -6,6 +6,7 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'grid-list-dynamic-example',
   templateUrl: 'grid-list-dynamic-example.html',
+  styleUrls: ['grid-list-dynamic-example.css'],
 })
 export class GridListDynamicExample {
   tiles = [