2 * Angular Material Design
3 * https://github.com/angular/material
7 (function( window, angular, undefined ){
12 * @name material.components.card
17 angular.module('material.components.card', [
20 .directive('mdCard', mdCardDirective);
27 * @module material.components.card
32 * The `<md-card>` directive is a container element used within `<md-content>` containers.
34 * An image included as a direct descendant will fill the card's width, while the `<md-card-content>`
35 * container will wrap text content and provide padding. An `<md-card-footer>` element can be
36 * optionally included to put content flush against the bottom edge of the card.
38 * Action buttons can be included in an element with the `.md-actions` class, also used in `md-dialog`.
39 * You can then position buttons using layout attributes.
41 * Cards have constant width and variable heights; where the maximum height is limited to what can
42 * fit within a single view on a platform, but it can temporarily expand as needed.
45 * ###Card with optional footer
48 * <img src="card-image.png" class="md-card-image" alt="image caption">
50 * <h2>Card headline</h2>
59 * ###Card with actions
62 * <img src="card-image.png" class="md-card-image" alt="image caption">
64 * <h2>Card headline</h2>
67 * <div class="md-actions" layout="row" layout-align="end center">
68 * <md-button>Action 1</md-button>
69 * <md-button>Action 2</md-button>
75 function mdCardDirective($mdTheming) {
78 link: function($scope, $element, $attr) {
83 mdCardDirective.$inject = ["$mdTheming"];
85 })(window, window.angular);