Add support for menu buttons on cards

src/card/_card.scss

@@ -116,3 +116,10 @@
   width             : 100%;
   text-decoration   : none;
 }
+
+.mdl-card__menu {
+  position: absolute;
+  right: 0;
+  top: 0;
+  color: $heading-color;
+}

src/card/demo.html

@@ -59,6 +59,35 @@
          <a href="#">Some Action</a>
       </div>
     </div>
+    <div class="mdl-card mdl-shadow--4dp">
+      <div class="mdl-card__heading">
+         <h2 class="mdl-card__heading-text">Integer lectus lacus, condimentum vitae lectus vitae</h2>
+      </div>
+      <div class="mdl-card__caption">
+        March 24th, 2014
+      </div>
+      <div class="mdl-card__lower">
+        Lorem ipsum dolor sit amet.
+      </div>
+      <div class="mdl-card__bottom">
+         <a href="#">Some Action</a>
+      </div>
+      <div class="mdl-card__menu">
+        <button id="btn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"><span class="mdl-icon mdl-icon--more-vert"></span></button>
+        <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="btn">
+          <button class="mdl-menu__item">Item 1</button>
+          <button class="mdl-menu__item">Item 2</button>
+          <button class="mdl-menu__item" disabled>Item 3</button>
+        </ul>
+      </div>
+    </div>
   </div>
+  <!-- build:js(app/styleguide/cards/) ../../scripts/main.min.js -->
+  <script src="../mdlComponentHandler.js"></script>
+  <script src="../menu/menu.js"></script>
+  <script src="../button/button.js"></script>
+  <script src="../ripple/ripple.js"></script>
+  <script src="../third_party/rAF.js"></script>
+  <!-- endbuild -->
   </body>
 </html>