chore: remove empty CSS files from examples

We now can have examples without CSS files. This was previously not
possible and the docs site just failed loading as it assumed a CSS file
per example. We remove those empty stylesheets as they are superflous to
examples and rather can confuse/distract the examples in the docs.

Author: devversion

src/components-examples/cdk/platform/cdk-platform-overview/cdk-platform-overview-example.css

@@ -12,7 +12,6 @@ import {
 @Component({
   selector: 'cdk-platform-overview-example',
   templateUrl: 'cdk-platform-overview-example.html',
-  styleUrls: ['cdk-platform-overview-example.css'],
 })
 export class CdkPlatformOverviewExample {
   supportedInputTypes = Array.from(getSupportedInputTypes()).join(', ');

src/components-examples/cdk/platform/cdk-platform-overview/cdk-platform-overview-example.ts

@@ -9,7 +9,6 @@ import {Subject} from 'rxjs';
 @Component({
   selector: 'mdc-form-field-custom-control-example',
   templateUrl: 'form-field-custom-control-example.html',
-  styleUrls: ['form-field-custom-control-example.css'],
 })
 export class MdcFormFieldCustomControlExample {}
 

src/components-examples/material-experimental/mdc-form-field/mdc-form-field-custom-control/form-field-custom-control-example.css

@@ -20,7 +20,6 @@ export const _filter = (opt: string[], value: string): string[] => {
 @Component({
   selector: 'autocomplete-optgroup-example',
   templateUrl: './autocomplete-optgroup-example.html',
-  styleUrls: ['./autocomplete-optgroup-example.css'],
 })
 
 export class AutocompleteOptgroupExample implements OnInit {

src/components-examples/material-experimental/mdc-form-field/mdc-form-field-custom-control/form-field-custom-control-example.ts

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

src/components-examples/material/autocomplete/autocomplete-optgroup/autocomplete-optgroup-example.css

@@ -7,7 +7,6 @@ import {MatBottomSheet, MatBottomSheetRef} from '@angular/material/bottom-sheet'
 @Component({
   selector: 'bottom-sheet-overview-example',
   templateUrl: 'bottom-sheet-overview-example.html',
-  styleUrls: ['bottom-sheet-overview-example.css'],
 })
 export class BottomSheetOverviewExample {
   constructor(private _bottomSheet: MatBottomSheet) {}

src/components-examples/material/autocomplete/autocomplete-optgroup/autocomplete-optgroup-example.ts

@@ -6,6 +6,5 @@ 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/components-examples/material/badge/badge-overview/badge-overview-example.css

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

src/components-examples/material/badge/badge-overview/badge-overview-example.ts

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

src/components-examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview-example.css

@@ -5,7 +5,6 @@ import {FormGroup, FormControl} from '@angular/forms';
 @Component({
   selector: 'date-range-picker-forms-example',
   templateUrl: 'date-range-picker-forms-example.html',
-  styleUrls: ['date-range-picker-forms-example.css'],
 })
 export class DateRangePickerFormsExample {
   range = new FormGroup({

src/components-examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview-example.ts

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

src/components-examples/material/button-toggle/button-toggle-overview/button-toggle-overview-example.css

@@ -33,7 +33,6 @@ export class FiveDayRangeSelectionStrategy<D> implements MatDateRangeSelectionSt
 @Component({
   selector: 'date-range-picker-selection-strategy-example',
   templateUrl: 'date-range-picker-selection-strategy-example.html',
-  styleUrls: ['date-range-picker-selection-strategy-example.css'],
   providers: [{
     provide: MAT_DATE_RANGE_SELECTION_STRATEGY,
     useClass: FiveDayRangeSelectionStrategy

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

@@ -4,6 +4,5 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'datepicker-custom-icon-example',
   templateUrl: 'datepicker-custom-icon-example.html',
-  styleUrls: ['datepicker-custom-icon-example.css'],
 })
 export class DatepickerCustomIconExample {}

src/components-examples/material/card/card-overview/card-overview-example.css

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

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

@@ -4,7 +4,6 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'datepicker-filter-example',
   templateUrl: 'datepicker-filter-example.html',
-  styleUrls: ['datepicker-filter-example.css'],
 })
 export class DatepickerFilterExample {
   myFilter = (d: Date | null): boolean => {

src/components-examples/material/chips/chips-overview/chips-overview-example.css

@@ -31,7 +31,6 @@ export const MY_FORMATS = {
 @Component({
   selector: 'datepicker-formats-example',
   templateUrl: 'datepicker-formats-example.html',
-  styleUrls: ['datepicker-formats-example.css'],
   providers: [
     // `MomentDateAdapter` can be automatically provided by importing `MomentDateModule` in your
     // application's root module. We provide it at the component level here, due to limitations of

src/components-examples/material/chips/chips-overview/chips-overview-example.ts

@@ -4,7 +4,6 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'datepicker-min-max-example',
   templateUrl: 'datepicker-min-max-example.html',
-  styleUrls: ['datepicker-min-max-example.css'],
 })
 export class DatepickerMinMaxExample {
   minDate: Date;

src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.css

@@ -17,7 +17,6 @@ const moment = _rollupMoment || _moment;
 @Component({
   selector: 'datepicker-moment-example',
   templateUrl: 'datepicker-moment-example.html',
-  styleUrls: ['datepicker-moment-example.css'],
   providers: [
     // `MomentDateAdapter` and `MAT_MOMENT_DATE_FORMATS` can be automatically provided by importing
     // `MatMomentDateModule` in your applications root module. We provide it at the component level

src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.ts

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

src/components-examples/material/datepicker/date-range-picker-overview/date-range-picker-overview-example.css

@@ -4,7 +4,6 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'datepicker-start-view-example',
   templateUrl: 'datepicker-start-view-example.html',
-  styleUrls: ['datepicker-start-view-example.css'],
 })
 export class DatepickerStartViewExample {
   startDate = new Date(1990, 0, 1);

src/components-examples/material/datepicker/date-range-picker-overview/date-range-picker-overview-example.ts

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

src/components-examples/material/datepicker/date-range-picker-selection-strategy/date-range-picker-selection-strategy-example.css

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

src/components-examples/material/datepicker/date-range-picker-selection-strategy/date-range-picker-selection-strategy-example.ts

@@ -11,7 +11,6 @@ export interface DialogData {
 @Component({
   selector: 'dialog-data-example',
   templateUrl: 'dialog-data-example.html',
-  styleUrls: ['dialog-data-example.css'],
 })
 export class DialogDataExample {
   constructor(public dialog: MatDialog) {}

src/components-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.css

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

src/components-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.css

@@ -12,7 +12,6 @@ export interface DialogData {
 @Component({
   selector: 'dialog-overview-example',
   templateUrl: 'dialog-overview-example.html',
-  styleUrls: ['dialog-overview-example.css'],
 })
 export class DialogOverviewExample {
 

src/components-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.ts

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

src/components-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.css

@@ -4,6 +4,5 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'form-field-appearance-example',
   templateUrl: 'form-field-appearance-example.html',
-  styleUrls: ['form-field-appearance-example.css'],
 })
 export class FormFieldAppearanceExample {}

src/components-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.ts

@@ -25,7 +25,6 @@ import {Subject} from 'rxjs';
 @Component({
   selector: 'form-field-custom-control-example',
   templateUrl: 'form-field-custom-control-example.html',
-  styleUrls: ['form-field-custom-control-example.css']
 })
 export class FormFieldCustomControlExample {
   form: FormGroup = new FormGroup({

src/components-examples/material/datepicker/datepicker-filter/datepicker-filter-example.css

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

src/components-examples/material/datepicker/datepicker-filter/datepicker-filter-example.ts

@@ -13,7 +13,6 @@ export interface Tile {
 @Component({
   selector: 'grid-list-dynamic-example',
   templateUrl: 'grid-list-dynamic-example.html',
-  styleUrls: ['grid-list-dynamic-example.css'],
 })
 export class GridListDynamicExample {
   tiles: Tile[] = [

src/components-examples/material/datepicker/datepicker-formats/datepicker-formats-example.css

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

src/components-examples/material/datepicker/datepicker-formats/datepicker-formats-example.ts

@@ -8,7 +8,6 @@ import {MatIconRegistry} from '@angular/material/icon';
 @Component({
   selector: 'icon-svg-example',
   templateUrl: 'icon-svg-example.html',
-  styleUrls: ['icon-svg-example.css'],
 })
 export class IconSvgExample {
   constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer) {

src/components-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.css

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

src/components-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.ts

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

src/components-examples/material/datepicker/datepicker-moment/datepicker-moment-example.css

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

src/components-examples/material/datepicker/datepicker-moment/datepicker-moment-example.ts

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

src/components-examples/material/datepicker/datepicker-overview/datepicker-overview-example.css

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

src/components-examples/material/datepicker/datepicker-overview/datepicker-overview-example.ts

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

src/components-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.css

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

src/components-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.ts

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

src/components-examples/material/datepicker/datepicker-touch/datepicker-touch-example.css

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

src/components-examples/material/datepicker/datepicker-touch/datepicker-touch-example.ts

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

src/components-examples/material/dialog/dialog-content/dialog-content-example.css

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