docs(examples): carry over docs site fixes (#4519)

src/material-examples/card-fancy/card-fancy-example.css

@@ -3,6 +3,6 @@
 }
 
 .example-header-image {
-  background-image: url('assets/img/examples/shiba1.jpg');
+  background-image: url('../../../assets/img/examples/shiba1.jpg');
   background-size: cover;
 }

src/material-examples/list-sections/list-sections-example.css

@@ -1 +1,3 @@
-/** No CSS for this example */
+.mat-list-icon {
+  color: rgba(0,0,0,0.54);
+}

src/material-examples/list-sections/list-sections-example.ts

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

src/material-examples/sidenav-fab/sidenav-fab-example.css

@@ -8,7 +8,7 @@
   max-width: 200px;
 }
 
-.example-sidenav-fab-container .md-sidenav-content,
+.example-sidenav-fab-container .mat-sidenav-content,
 .example-sidenav-fab-container md-sidenav {
   display: flex;
   overflow: visible;

src/material-examples/slider-configurable/slider-configurable-example.css

@@ -13,10 +13,10 @@
   margin: 10px;
 }
 
-.md-slider-horizontal {
+.mat-slider-horizontal {
   width: 300px;
 }
 
-.md-slider-vertical {
+.mat-slider-vertical {
   height: 300px;
 }