Rename sidenav to accordion-sidebar

Author: Alexander J. Salas B

demos/demo.css

@@ -8,7 +8,7 @@ body {
   z-index: 2;
 }
 
-.main-sidenav {
+.main-accordion-sidebar {
   position: relative;
   z-index: 1;
 }

demos/index.html

@@ -29,7 +29,7 @@ <h1 flex>Angular Material Sidemenu</h1>
     </md-toolbar>
 
     <div class="main-container" layout="row" flex>
-      <md-sidenav class="main-sidenav md-sidenav-left" md-component-id="navigation-drawer" md-is-locked-open="true" layout="column">
+      <md-accordion-sidebar class="main-accordion-sidebar md-accordion-sidebar-left" md-component-id="navigation-drawer" md-is-locked-open="true" layout="column">
         <md-content md-scroll-y flex layout="column">
           <md-accordion locked="true">
             <md-accordion-group>
@@ -71,7 +71,7 @@ <h1 flex>Angular Material Sidemenu</h1>
             </md-accordion-group>
           </md-accordion>
         </md-content>
-      </md-sidenav>
+      </md-accordion-sidebar>
 
       <md-content class="main-content" md-scroll-y layout="column" flex>