MODULE-TYPO

- Sass set-up
- md-list
- md-theming (install)

UI/WebServerResources/scss/vendors/angular-material/components/whiteframe/demoBasicUsage/index.html

@@ -0,0 +1,23 @@
+<div layout="column" layout-fill>
+
+  <md-whiteframe class="md-whiteframe-z1" layout layout-align="center center">
+    <span>.md-whiteframe-z1</span>
+  </md-whiteframe>
+
+  <md-whiteframe class="md-whiteframe-z2" layout layout-align="center center">
+    <span>.md-whiteframe-z2</span>
+  </md-whiteframe>
+
+  <md-whiteframe class="md-whiteframe-z3" layout layout-align="center center">
+    <span>.md-whiteframe-z3</span>
+  </md-whiteframe>
+
+  <md-whiteframe class="md-whiteframe-z4" layout layout-align="center center">
+    <span>.md-whiteframe-z4</span>
+  </md-whiteframe>
+
+  <md-whiteframe class="md-whiteframe-z5" layout layout-align="center center">
+    <span>.md-whiteframe-z5</span>
+  </md-whiteframe>
+
+</div>

UI/WebServerResources/scss/vendors/angular-material/components/whiteframe/demoBasicUsage/script.js

@@ -0,0 +1 @@
+angular.module('whiteframeBasicUsage', ['ngMaterial']);

UI/WebServerResources/scss/vendors/angular-material/components/whiteframe/demoBasicUsage/style.css

@@ -0,0 +1,5 @@
+md-whiteframe {
+  background: #fff;
+  margin: 20px;
+  padding: 20px;
+}

UI/WebServerResources/scss/vendors/angular-material/components/whiteframe/whiteframe.js

@@ -0,0 +1,9 @@
+(function() {
+'use strict';
+
+/**
+ * @ngdoc module
+ * @name material.components.whiteframe
+ */
+angular.module('material.components.whiteframe', []);
+})();

UI/WebServerResources/scss/vendors/angular-material/components/whiteframe/whiteframe.scss

@@ -0,0 +1,15 @@
+.md-whiteframe-z1 {
+  box-shadow: $whiteframe-shadow-z1;
+}
+.md-whiteframe-z2 {
+  box-shadow: $whiteframe-shadow-z2;
+}
+.md-whiteframe-z3 {
+  box-shadow: $whiteframe-shadow-z3;
+}
+.md-whiteframe-z4 {
+  box-shadow: $whiteframe-shadow-z4;
+}
+.md-whiteframe-z5 {
+  box-shadow: $whiteframe-shadow-z5;
+}