diff --git a/node_modules/material-design-lite/src/layout/snippets/scrolling-header-demo.html b/node_modules/material-design-lite/src/layout/snippets/scrolling-header-demo.html
new file mode 100644
index 0000000..7a01533
--- /dev/null
+++ b/node_modules/material-design-lite/src/layout/snippets/scrolling-header-demo.html
@@ -0,0 +1,16 @@
+<style>
+.demo-layout.demo-layout__scrolling-header {
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
+              0 3px 1px -2px rgba(0, 0, 0, 0.2),
+              0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  width: 100%;
+  position: relative;
+  height: 300px;
+}
+.demo-layout.demo-layout__scrolling-header .page-content {
+  height: 600px;
+  background: white;
+}
+</style>
+
+{% include "scrolling-header.html" %}