2 | {% block content %}
3 | {% endblock %}
4 |
5 |
--------------------------------------------------------------------------------
/src/components/content/README.md:
--------------------------------------------------------------------------------
1 | A simple container for scrollable content, using the `Returns
3 | {$ typeInfo(doc.returns) $} 4 | {%- endif %} -------------------------------------------------------------------------------- /src/components/icon/module.json: -------------------------------------------------------------------------------- 1 | { 2 | "module": "material.components.icon", 3 | "name": "Icon", 4 | "demos": { 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /src/components/whiteframe/demo1/style.css: -------------------------------------------------------------------------------- 1 | material-whiteframe { 2 | background: #fff; 3 | margin: 20px; 4 | padding: 20px; 5 | } 6 | -------------------------------------------------------------------------------- /src/components/card/demo1/script.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('app', ['ngMaterial']) 3 | 4 | .controller('AppCtrl', function($scope) { 5 | 6 | }); -------------------------------------------------------------------------------- /src/components/toast/README.md: -------------------------------------------------------------------------------- 1 | Toasts are notifications that can be created on any part of the screen using the `$materialToast` service. 2 | -------------------------------------------------------------------------------- /docs/app/img/testimonials/logo-bradgreen@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siddii/material/master/docs/app/img/testimonials/logo-bradgreen@2x.png -------------------------------------------------------------------------------- /docs/app/img/testimonials/logo-maxlynch@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siddii/material/master/docs/app/img/testimonials/logo-maxlynch@2x.png -------------------------------------------------------------------------------- /src/components/content/demo1/script.js: -------------------------------------------------------------------------------- 1 | 2 | angular.module('app', ['ngMaterial']) 3 | 4 | .controller('AppCtrl', function($scope) { 5 | 6 | }) 7 | -------------------------------------------------------------------------------- /src/components/icon/demo1/script.js: -------------------------------------------------------------------------------- 1 | angular.module('app', ['ngMaterial']) 2 | 3 | .controller('AppCtrl', ['$scope', function($scope) { 4 | }]); 5 | -------------------------------------------------------------------------------- /src/components/radioButton/README.md: -------------------------------------------------------------------------------- 1 | Radio buttons, created using the `Method's {% code %}this{% endcode %}
3 | {$ doc.this | marked $} 4 | {% endif %} -------------------------------------------------------------------------------- /src/components/list/demo1/style.css: -------------------------------------------------------------------------------- 1 | 2 | .face { 3 | border-radius: 30px; 4 | border: 1px solid #ddd; 5 | width: 48px; 6 | margin: 16px; 7 | } 8 | -------------------------------------------------------------------------------- /docs/templates/ngdoc/overview.template.html: -------------------------------------------------------------------------------- 1 | {% extends "base.template.html" %} 2 | 3 | {% block content %} 4 | {$ doc.description | marked $} 5 | {% endblock %} -------------------------------------------------------------------------------- /src/components/slider/slider.spec.js: -------------------------------------------------------------------------------- 1 | 2 | describe('materialSlider', function() { 3 | 4 | beforeEach(module('material.components.slider')); 5 | 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | *.log 2 | *.sw* 3 | .DS_STORE 4 | .sass-cache/ 5 | bower_components 6 | node_modules 7 | dist 8 | 9 | /.idea/ 10 | /components 11 | /vendor 12 | 13 | .polymer-qp 14 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - '0.10' 4 | 5 | before_script: 6 | - npm install -g bower 7 | - bower install 8 | 9 | script: 10 | - gulp karma --browsers=PhantomJS 11 | -------------------------------------------------------------------------------- /src/components/toast/demo1/toast-template.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | Open a Dialog
4 |
5 |
6 |
--------------------------------------------------------------------------------
/src/components/list/module.json:
--------------------------------------------------------------------------------
1 | {
2 | "module": "material.components.list",
3 | "name": "Lists",
4 | "demos": {
5 | "demo1": {
6 | "name": "List Basic Usage",
7 | "files": ["demo1/*"]
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/toast/module.json:
--------------------------------------------------------------------------------
1 | {
2 | "module": "material.components.toast",
3 | "name": "Toast",
4 | "demos": {
5 | "demo1": {
6 | "name": "Toast Basic Usage",
7 | "files": ["demo1/*"]
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/dialog/module.json:
--------------------------------------------------------------------------------
1 | {
2 | "module": "material.components.dialog",
3 | "name": "Dialog",
4 | "demos": {
5 | "demo1": {
6 | "name": "Dialog Basic Usage",
7 | "files": ["demo1/*"]
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/slider/module.json:
--------------------------------------------------------------------------------
1 | {
2 | "module": "material.components.slider",
3 | "name": "Slider",
4 | "demos": {
5 | "demo1": {
6 | "name": "Slider Basic Usage",
7 | "files": ["demo1/*"]
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/content/module.json:
--------------------------------------------------------------------------------
1 | {
2 | "module": "material.components.content",
3 | "name": "Content",
4 | "demos": {
5 | "demo1": {
6 | "name": "Content Basic Usage",
7 | "files": ["demo1/*"]
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/slider/demo1/script.js:
--------------------------------------------------------------------------------
1 |
2 | angular.module('app', ['ngMaterial'])
3 |
4 | .controller('AppCtrl', function($scope) {
5 |
6 | $scope.data = {
7 | slider1: 0,
8 | slider2: 50,
9 | slider3: 8,
10 | }
11 |
12 | });
13 |
--------------------------------------------------------------------------------
/src/components/checkbox/module.json:
--------------------------------------------------------------------------------
1 | {
2 | "module": "material.components.checkbox",
3 | "name": "Checkbox",
4 | "demos": {
5 | "demo1": {
6 | "name": "Checkbox Basic Usage",
7 | "files": ["demo1/*"]
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/whiteframe/module.json:
--------------------------------------------------------------------------------
1 | {
2 | "module": "material.components.whiteframe",
3 | "name": "Whiteframe",
4 | "demos": {
5 | "demo1": {
6 | "name": "Whiteframe Basic Usage",
7 | "files": ["demo1/*"]
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/radioButton/module.json:
--------------------------------------------------------------------------------
1 | {
2 | "module": "material.components.radioButton",
3 | "name": "Radio Button",
4 | "demos": {
5 | "demo1": {
6 | "name": "Radio Button Basic Usage",
7 | "files": ["demo1/*"]
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/sidenav/module.json:
--------------------------------------------------------------------------------
1 | {
2 | "module": "material.components.sidenav",
3 | "name": "Side Navigation",
4 | "demos": {
5 | "demo1": {
6 | "name": "Side Navigation Basic Usage",
7 | "files": ["demo1/*"]
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/docs/templates/ngdoc/api/provider.template.html:
--------------------------------------------------------------------------------
1 | {% extends "api/object.template.html" %}
2 |
3 | {% block related_components %}
4 | {% if doc.serviceDoc -%}
5 | Properties
3 |-
4 | {%- for property in doc.properties %}
5 |
-
6 |
{$ property.name | code $}
7 | {$ typeInfo(property) $} 8 |
9 | {% endfor -%}
10 |
4 | {% if doc.paramType %} 5 | {$ doc.paramType $} 6 | {% elif doc.docType == 'directive' %} 7 | Attributes 8 | {% else %} 9 | Arguments 10 | {% endif %} 11 |
12 | {$ paramTable(doc.params) $} 13 |
4 |
5 |
18 |
--------------------------------------------------------------------------------
/src/components/content/_content.scss:
--------------------------------------------------------------------------------
1 | material-content,
2 | .material-content {
3 | display: block;
4 |
5 | overflow: auto;
6 | -webkit-overflow-scrolling: touch;
7 |
8 | &[scroll-y] {
9 | overflow-y: auto;
10 | overflow-x: hidden;
11 | }
12 | &[scroll-x] {
13 | overflow-x: auto;
14 | overflow-y: hidden;
15 | }
16 | &[scroll-xy] {
17 | }
18 |
19 | &.material-content-padding {
20 | padding: 20px;
21 | }
22 |
23 | > .material-content {
24 | height: 100%;
25 | width: 100%;
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/components/checkbox/demo1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
8 |
10 |
11 |
12 |
13 |
16 |
17 |
3 |
4 |
5 | Checkbox 1: {{ data.cb1 }}
6 |
7 |
8 |
9 | Checkbox 2: {{ data.cb2 }}
10 |
11 |
12 |
13 | Checkbox (Disabled)
14 |
15 |
16 |
17 | Checkbox (No Ink)
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/src/components/form/demo1/script.js:
--------------------------------------------------------------------------------
1 |
2 | angular.module('app', ['ngMaterial'])
3 |
4 | .controller('AppCtrl', function($scope) {
5 | $scope.data = {};
6 | })
7 |
8 | .directive('ig', function() {
9 | return {
10 | restrict: 'E',
11 | replace: true,
12 | scope: {
13 | fid: '@'
14 | },
15 | template:
16 | '
3 |
4 |
5 |
11 | {{tab.title}}
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/src/components/backdrop/_backdrop.scss:
--------------------------------------------------------------------------------
1 | material-backdrop {
2 | z-index: $z-index-backdrop;
3 | background-color: rgba(0,0,0,0);
4 |
5 | position: absolute;
6 | left: 0;
7 | top: 0;
8 | right: 0;
9 | bottom: 0;
10 |
11 | &.opaque {
12 | background-color: rgba(0,0,0,0.4);
13 | }
14 |
15 | @include transition(all 0.2s ease-out);
16 |
17 | &.ng-enter {
18 | @include transition-delay(0.1s);
19 | }
20 | &.ng-enter,
21 | &.ng-leave.ng-leave-active {
22 | opacity: 0;
23 | }
24 | &.ng-leave,
25 | &.ng-enter.ng-enter-active {
26 | opacity: 1;
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/components/buttons/demo1/style.css:
--------------------------------------------------------------------------------
1 |
2 | /** From vulcanized demo **/
3 |
4 | section {
5 | background: #f7f7f7;
6 | border-radius: 3px;
7 | text-align: center;
8 | margin: 1em;
9 | position: relative !important;
10 | padding-bottom: 10px;
11 | }
12 | material-content {
13 | margin-right: 7px;
14 | }
15 | section material-button,
16 | section .material-button {
17 | display: block;
18 | width: 10em;
19 | margin: 1em;
20 | line-height: 25px;
21 | }
22 | .label {
23 | position: absolute;
24 | bottom: 5px;
25 | left: 7px;
26 | color: #ccc;
27 | font-size: 14px;
28 | }
29 |
30 |
--------------------------------------------------------------------------------
/src/components/slider/demo1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
6 |
10 |
7 | ![]()
8 |
9 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
21 |
--------------------------------------------------------------------------------
/docs/app/img/icons/separator.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
10 |
--------------------------------------------------------------------------------
/src/components/toolbar/demo2/script.js:
--------------------------------------------------------------------------------
1 | var app = angular.module('myApp', ['ngMaterial']);
2 |
3 | app.controller('AppCtrl', function($scope) {
4 | var item = {
5 | face: '/img/list/60.jpeg',
6 | what: 'Brunch this weekend?',
7 | who: 'Min Li Chan',
8 | notes: "I'll be in your neighborhood doing errands."
9 | };
10 | $scope.todos = [];
11 | for (var i = 0; i < 15; i++) {
12 | $scope.todos.push({
13 | face: '/img/list/60.jpeg',
14 | what: "Brunch this weekend?",
15 | who: "Min Li Chan",
16 | notes: "I'll be in your neighborhood doing errands."
17 | });
18 | }
19 | });
20 |
--------------------------------------------------------------------------------
/src/components/list/demo1/index.html:
--------------------------------------------------------------------------------
1 |
2 | Slider 1: {{ data.slider1 }}
17 |Slider 2: {{ data.slider2 }}
18 |Slider 3: {{ data.slider3 }}
19 | 20 |
3 |
4 |
5 |
6 |
7 |
8 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/src/components/radioButton/demo1/script.js:
--------------------------------------------------------------------------------
1 |
2 | angular.module('app', ['ngMaterial'])
3 |
4 | .controller('AppCtrl', function($scope) {
5 |
6 | $scope.data = {
7 | group1 : '2',
8 | group2 : '6'
9 | };
10 |
11 | $scope.radioData = [
12 | { label: 'Label 4', value: '4' },
13 | { label: 'Label 5', value: '5' },
14 | { label: 'Label 6', value: '6' }
15 | ];
16 |
17 | $scope.addItem = function() {
18 | var r = Math.ceil(Math.random() * 1000);
19 | $scope.radioData.push({ label: 'Label ' + r, value: r });
20 | };
21 |
22 | $scope.removeItem = function() {
23 | $scope.radioData.pop();
24 | };
25 |
26 | });
27 |
--------------------------------------------------------------------------------
/src/components/tabs/demos/demo2/script.js:
--------------------------------------------------------------------------------
1 |
2 | angular.module('app', ['ngMaterial'] )
3 | .controller('AppCtrl', function( $scope ) {
4 | var tabs = [
5 | { title: 'Polymer', active: true, disabled: false, content:"Polymer practices are great!" },
6 | { title: 'Material', active: false, disabled: true , content:"Material Design practices are better!" },
7 | { title: 'Angular', active: false, disabled: true , content:"AngularJS practices are the best!" },
8 | { title: 'NodeJS' , active: false, disabled: false, content:"NodeJS practices are amazing!" }
9 | ];
10 |
11 | $scope.selectedIndex = 0;
12 | $scope.twoDisabled = true;
13 |
14 | });
15 |
--------------------------------------------------------------------------------
/src/components/tabs/demos/demo3/script.js:
--------------------------------------------------------------------------------
1 |
2 | angular.module('app', ['ngMaterial'] )
3 | .controller('AppCtrl', function( $scope ) {
4 | var tabs = [
5 | { title: 'Polymer', active: true, disabled: false, content:"Polymer practices are great!" },
6 | { title: 'Material', active: false, disabled: true , content:"Material Design practices are better!" },
7 | { title: 'Angular', active: false, disabled: true , content:"AngularJS practices are the best!" },
8 | { title: 'NodeJS' , active: false, disabled: false, content:"NodeJS practices are amazing!" }
9 | ];
10 |
11 | $scope.activeIndex = 1;
12 | $scope.tabs = [].concat(tabs);
13 |
14 | });
15 |
--------------------------------------------------------------------------------
/src/components/toast/demo1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
9 | ![]()
10 |
11 |
12 |
18 | {{item.what}}
13 |{{item.who}}
14 |15 | {{item.notes}} 16 |
17 |
3 |
13 |
18 | {{name}}
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/docs/app/demo/layout/flex-cell.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
4 |
5 | Simple Toast
6 |
7 |
9 | Advanced Toast
10 |
11 |
12 |
14 | Toast Position: "{{getToastPosition()}}"
15 |
16 |
11 |
12 |
19 |
20 | Uno
13 |
14 | Dos [flex]
15 |
16 | Tres
17 |
18 |
21 |
22 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/src/base/_structure.scss:
--------------------------------------------------------------------------------
1 | *,
2 | *:before,
3 | *:after {
4 | @include box-sizing(border-box);
5 | }
6 |
7 | html, body {
8 | height: 100%;
9 | color: $font-color-base;
10 | font-family: $font-family;
11 | -webkit-tap-highlight-color: rgba(0,0,0,0);
12 | -webkit-touch-callout: none;
13 | text-rendering: optimizeLegibility;
14 | -webkit-font-smoothing: antialiased;
15 |
16 | h3 {
17 | display: block;
18 | @include margin-selectors();
19 | font-size: 1.17em;
20 | font-weight: bold;
21 | }
22 | }
23 |
24 | body {
25 | margin: 0;
26 | padding: 0px;
27 | }
28 |
29 | .inset {
30 | padding: 10px;
31 | }
32 |
33 | button {
34 | font-family: $font-family;
35 | }
36 |
--------------------------------------------------------------------------------
/src/components/sidenav/demo1/script.js:
--------------------------------------------------------------------------------
1 |
2 | angular.module('app', ['ngMaterial'])
3 |
4 | .controller('AppCtrl', function($scope, $timeout, $materialSidenav) {
5 | $scope.toggleLeft = function() {
6 | $materialSidenav('left').toggle();
7 | };
8 | $scope.toggleRight = function() {
9 | $materialSidenav('right').toggle();
10 | };
11 | })
12 |
13 | .controller('LeftCtrl', function($scope, $timeout, $materialSidenav) {
14 | $scope.close = function() {
15 | $materialSidenav('left').close();
16 | };
17 | })
18 |
19 | .controller('RightCtrl', function($scope, $timeout, $materialSidenav) {
20 | $scope.close = function() {
21 | $materialSidenav('right').close();
22 | };
23 | });
24 |
--------------------------------------------------------------------------------
/docs/templates/ngdoc/lib/methods.template.html:
--------------------------------------------------------------------------------
1 | {%- if doc.methods %}
2 | Uno
23 |
24 | Dos [flex]
25 |
26 | Tres
27 |
28 | Methods
3 |-
4 | {%- for method in doc.methods %}
5 |
-
6 |
{$ functionSyntax(method) $}
7 |{$ method.description | marked $}8 | 9 | {% if method.params %} 10 |Parameters
11 | {$ paramTable(method.params) $} 12 | {% endif %} 13 | 14 | {% if method.this %} 15 |Method's {% code %}this{% endcode %}
16 | {$ method.this | marked $} 17 | {% endif %} 18 | 19 | {% if method.returns %} 20 |Returns
21 | {$ typeInfo(method.returns) $} 22 | {% endif %} 23 | 24 |
25 | {% endfor -%}
26 |
11 |
12 |
17 |
18 | Uno
13 |
14 | Dos
15 |
16 |
19 |
20 |
25 |
26 | Uno
21 |
22 | Dos
23 |
24 |
27 |
28 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/docs/templates/ngdoc/api/object.template.html:
--------------------------------------------------------------------------------
1 | {% include "lib/macros.html" %}
2 | {% extends "api/api.template.html" %}
3 |
4 | {% block additional %}
5 |
6 | {% if doc.params or doc.returns or doc.this or doc.kind == 'function' -%}
7 | Uno
29 |
30 | Dos
31 |
32 | Usage
8 | {% if doc.usage %} 9 | {$ doc.usage | marked $} 10 | {% else %} 11 | {$ functionSyntax(doc) $} 12 | {% endif %} 13 | 14 | {% include "lib/params.template.html" %} 15 | {% include "lib/this.template.html" %} 16 | {% include "lib/returns.template.html" %} 17 | {%- endif %} 18 | 19 | {% include "lib/methods.template.html" %} 20 | {% include "lib/events.template.html" %} 21 | {% include "lib/properties.template.html" %} 22 | 23 | {% endblock %} 24 | -------------------------------------------------------------------------------- /docs/templates/ngdoc/lib/events.template.html: -------------------------------------------------------------------------------- 1 | {%- if doc.events %} 2 |Events
3 |-
4 | {%- for event in doc.events %}
5 |
-
6 |
{$ event.name $}
7 |{$ event.description | marked $}8 | {%- if event.eventType == 'listen' %} 9 |10 |12 | {%- else %} 13 |Listen on: {$ event.eventTarget $}
11 |14 |17 |Type:
15 |{$ event.eventType $}16 |18 |21 | {% endif -%} 22 |Target:
19 |{$ event.eventTarget $}20 |
23 | {% endfor -%}
24 |
15 |
16 |
20 |
21 |
22 | Main [flex]
23 |
24 |
25 |
26 |
27 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/src/components/icon/demo1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
--------------------------------------------------------------------------------
/docs/templates/ngdoc/api/componentGroup.template.html:
--------------------------------------------------------------------------------
1 | {% block content %}
2 | 3 | {%- if doc.title -%} 4 | {$ doc.title $} 5 | {%- elif doc.module -%} 6 | {$ doc.groupType | title $} components in {$ doc.module | code $} 7 | {%- else -%} 8 | Pages 9 | {%- endif -%} 10 |
11 | 12 | {$ doc.description | marked $} 13 | 14 |
15 |
30 |
31 | {% endblock %}
--------------------------------------------------------------------------------
/src/components/tabs/demos/demo1/script.js:
--------------------------------------------------------------------------------
1 | angular.module( 'app', [ 'ngMaterial' ] )
2 |
3 | .controller('AppCtrl', function( $scope, $timeout ) {
4 | var scrollID;
5 |
6 | $scope.selected = 0;
7 | $scope.enableAutoScroll = suspendAutoScroll;
8 |
9 | autoScrollTabs();
10 |
11 | /**
12 | * Auto select next tab every 4 secs...
13 | */
14 | function autoScrollTabs() {
15 | scrollID = $timeout(function(){
16 | $scope.selected = ($scope.selected + 1)%3;
17 | autoScrollTabs();
18 | },4000);
19 | }
20 |
21 | /**
22 | * Suspend auto scrolling while mouse is over the footer
23 | * area.
24 | */
25 | function suspendAutoScroll(enabled) {
26 | if ( !enabled ) {
27 | $timeout.cancel( scrollID );
28 | } else {
29 | autoScrollTabs();
30 | }
31 | }
32 |
33 | });
34 |
--------------------------------------------------------------------------------
/src/main.scss:
--------------------------------------------------------------------------------
1 | @import "../bower_components/normalize.scss/normalize.scss",
2 |
3 | // Theme
4 | "theme/theme",
5 |
6 | // Base
7 | "base/mixins",
8 | "base/structure",
9 | "base/table",
10 | "base/layout",
11 |
12 |
13 | // Components
14 | "components/animate/effects",
15 | "components/backdrop/backdrop",
16 | "components/content/content",
17 | "components/icon/icon",
18 | "components/buttons/buttons",
19 | "components/dialog/dialog",
20 | "components/divider/divider",
21 | "components/checkbox/checkbox",
22 | "components/card/card",
23 | "components/radioButton/radio-button",
24 | "components/sidenav/sidenav",
25 | "components/form/form",
26 | "components/slider/slider",
27 | "components/toast/toast",
28 | "components/toolbar/toolbar",
29 | "components/tabs/tabs",
30 | "components/list/list",
31 | "components/whiteframe/whiteframe";
32 |
--------------------------------------------------------------------------------
/src/components/whiteframe/_whiteframe.scss:
--------------------------------------------------------------------------------
1 | material-whiteframe {
2 | }
3 |
4 | .material-whiteframe-z1 {
5 | @extend material-whiteframe;
6 |
7 | z-index: $whiteframe-zindex-z1;
8 | box-shadow: $whiteframe-shadow-z1;
9 | }
10 | .material-whiteframe-z2 {
11 | @extend material-whiteframe;
12 |
13 | z-index: $whiteframe-zindex-z2;
14 | box-shadow: $whiteframe-shadow-z2;
15 | }
16 | .material-whiteframe-z3 {
17 | @extend material-whiteframe;
18 |
19 | z-index: $whiteframe-zindex-z3;
20 | box-shadow: $whiteframe-shadow-z3;
21 | }
22 | .material-whiteframe-z4 {
23 | @extend material-whiteframe;
24 |
25 | z-index: $whiteframe-zindex-z4;
26 | box-shadow: $whiteframe-shadow-z4;
27 | }
28 | .material-whiteframe-z5 {
29 | @extend material-whiteframe;
30 |
31 | z-index: $whiteframe-zindex-z5;
32 | box-shadow: $whiteframe-shadow-z5;
33 | }
34 |
--------------------------------------------------------------------------------
/docs/app/demo/layout/layout-order.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
16 |
17 |
28 |
29 | | Name | 19 |Description | 20 |
|---|---|
| {$ page.id | link(page.name, page) $} | 24 |{$ page.description | firstParagraph | marked $} | 25 |
11 |
12 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/src/components/toolbar/demo2/index.html:
--------------------------------------------------------------------------------
1 |
13 |
15 |
16 | Uno
14 |
17 |
19 |
20 | Dos
18 |
21 |
23 |
24 | Tres
22 |
25 |
27 |
28 | Cuatro
26 |
2 |
3 |
4 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/docs/templates/ngdoc/api/filter.template.html:
--------------------------------------------------------------------------------
1 | {% include "lib/macros.html" -%}
2 | {% extends "api/api.template.html" %}
3 |
4 | {% block additional %}
5 |
15 | ![]()
16 |
17 |
18 |
24 | {{item.what}}
19 |{{item.who}}
20 |21 | {{item.notes}} 22 |
23 |In HTML Template Binding
6 | {% if doc.usage %} 7 | {$ doc.usage | code $} 8 | {% else %} 9 | {% code -%} 10 | {{ {$ doc.name $}_expression | {$ doc.name $} 11 | {%- for param in doc.params %}{% if not loop.first %} : {$ param.name $}{% endif %}{% endfor -%} 12 | }} 13 | {%- endcode %} 14 | {% endif %} 15 | 16 |In JavaScript
17 | {% code -%} 18 | {%- set sep = joiner(', ') -%} 19 | $filter('{$ doc.name $}')({% for param in doc.params %}{$ sep() $}{$ param.name $}{% endfor -%}) 20 | {%- endcode %} 21 | 22 | {% include "lib/params.template.html" %} 23 | {% include "lib/this.template.html" %} 24 | {% include "lib/returns.template.html" %} 25 | {% endblock %} 26 | -------------------------------------------------------------------------------- /docs/app/template/home.tmpl.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/app/template/view-source.tmpl.html:
--------------------------------------------------------------------------------
1 | 4 | Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. 5 |
6 |7 | The material design project for Angular is a complementary effort to the Polymer project's paper elements collection. Our goal is to provide a set of AngularJS-native UI elements that implement the material design system. This demo is a work in progress. 8 |
9 |10 | For more, see our repository on GitHub 11 |
12 |
12 |
19 |
20 |
13 |
16 |
17 |
18 |
21 |
22 | Done
23 |
24 |
25 |