title: angular material missing css classes
body: <p>I am just getting started with angular material. I have downloaded and referenced all the files as the usage instruction on <a href="https://github.com/angular/material" rel="noreferrer">here</a>. And then copied all html code from <a href="https://material.angularjs.org/#/demo/material.components.button" rel="noreferrer">here</a> to try out the buttons. I got most of it working including click animations but it doesn't have any theme such as <code>md-primary</code>. This is what i got.</p>
  
  <p><img src="https://i.stack.imgur.com/l7h7X.jpg" alt="enter image description here"></p>
  
  <p>I have referenced <code>angular-material.css</code> but i can't find <code>md-primary</code> or any css classes in there. What am I missing to reference or how to create those css classes for angular material? This is how it looks like on the demo page.</p>
  
  <p><img src="https://i.stack.imgur.com/pIK5i.jpg" alt="enter image description here"></p>
  
  <p>My code sample.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /&gt;    
  &lt;link href="../bower_components/angular-material/angular-material.css" rel="stylesheet" /&gt;
  &lt;link href="style.css" rel="stylesheet" /&gt;
  &lt;/head&gt;
  &lt;body ng-app="YourApp"&gt;
  
  &lt;div ng-controller="YourController"&gt;
      &lt;md-content&gt;
  
          &lt;section layout="vertical" layout-sm="horizontal" layout-align="center center"&gt;
              &lt;md-button&gt;Button&lt;/md-button&gt;
              &lt;md-button noink class="md-primary"&gt;Primary (noink)&lt;/md-button&gt;
              &lt;md-button disabled class="md-primary"&gt;Disabled&lt;/md-button&gt;
              &lt;md-button class="md-warn"&gt;Warn&lt;/md-button&gt;
              &lt;div class="label"&gt;flat&lt;/div&gt;
          &lt;/section&gt;
  
          &lt;section layout="vertical" layout-sm="horizontal" layout-align="center center"&gt;
              &lt;md-button class="md-raised"&gt;Button&lt;/md-button&gt;
              &lt;md-button class="md-raised md-primary"&gt;Primary&lt;/md-button&gt;
              &lt;md-button disabled class="md-raised md-primary"&gt;Disabled&lt;/md-button&gt;
              &lt;md-button class="md-raised md-warn"&gt;Warn&lt;/md-button&gt;
              &lt;div class="label"&gt;raised&lt;/div&gt;
          &lt;/section&gt;
  
          &lt;section layout="vertical" layout-sm="horizontal" layout-align="center center"&gt;
              &lt;md-button class="md-fab" aria-label="Time"&gt;
                  &lt;md-icon icon="/img/icons/ic_access_time_24px.svg" style="width: 24px; height: 24px;"&gt;&lt;/md-icon&gt;
              &lt;/md-button&gt;
  
              &lt;md-button class="md-fab" aria-label="New document"&gt;
                  &lt;md-icon icon="/img/icons/ic_insert_drive_file_24px.svg" style="width: 24px; height: 24px;"&gt;&lt;/md-icon&gt;
              &lt;/md-button&gt;
  
              &lt;md-button class="md-fab" disabled arial-label="Comment"&gt;
                  &lt;md-icon icon="/img/icons/ic_comment_24px.svg" style="width: 24px; height: 24px;"&gt;&lt;/md-icon&gt;
              &lt;/md-button&gt;
  
              &lt;md-button class="md-fab md-primary" md-theme="cyan" aria-label="Profile"&gt;
                  &lt;md-icon icon="/img/icons/ic_people_24px.svg" style="width: 24px; height: 24px;"&gt;&lt;/md-icon&gt;
              &lt;/md-button&gt;
              &lt;div class="label"&gt;FAB&lt;/div&gt;
          &lt;/section&gt;
  
          &lt;section layout="vertical" layout-sm="horizontal" layout-align="center center"&gt;
              &lt;md-button class&gt;Reset&lt;/md-button&gt;
              &lt;md-button class&gt;RSVP&lt;/md-button&gt;
              &lt;div class="label"&gt;Button Group&lt;/div&gt;
          &lt;/section&gt;
  
          &lt;section layout="vertical" layout-sm="horizontal" layout-align="center center"&gt;
              &lt;md-button class="md-primary" md-theme="green"&gt;Button&lt;/md-button&gt;
              &lt;md-button class="md-primary md-raised" md-theme="indigo"&gt;Button&lt;/md-button&gt;
              &lt;md-button class="md-primary md-raised" md-theme="orange"&gt;Button&lt;/md-button&gt;
              &lt;md-button class="md-primary" md-theme="cyan"&gt;Button&lt;/md-button&gt;
              &lt;div class="label"&gt;Themed&lt;/div&gt;
          &lt;/section&gt;
  
      &lt;/md-content&gt;
  &lt;/div&gt;
  
  &lt;script src="../bower_components/angular/angular.js"&gt;&lt;/script&gt;
  &lt;script src="../bower_components/angular-aria/angular-aria.js"&gt;&lt;/script&gt;
  &lt;script src="../bower_components/angular-animate/angular-animate.js"&gt;&lt;/script&gt;
  &lt;script src="../bower_components/hammerjs/hammer.js"&gt;&lt;/script&gt;
  &lt;script src="../bower_components/angular-material/angular-material.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
      // Include app dependency on ngMaterial
  
      angular.module('YourApp', ['ngMaterial'])
          .controller("YourController", YourController);
  
      function YourController() {
  
      }
  
  &lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p></p>