Renaming content class, and adding comment

src/layout/snippets/fixed-drawer-demo.html

@@ -5,7 +5,7 @@
   position: relative;
   height: 300px;
 }
-.fixed-drawer-container .your-content {
+.fixed-drawer-container .page-content {
   height: 600px;
 }
 </style>

src/layout/snippets/fixed-drawer.html

@@ -11,6 +11,6 @@
     </nav>
   </div>
   <main class="mdl-layout__content">
-    <div class="your-content"></div>
+    <div class="page-content"><!-- Your content goes here --></div>
   </main>
 </div>

src/layout/snippets/fixed-header-demo.html

@@ -5,7 +5,7 @@
   position: relative;
   height: 300px;
 }
-.fixed-header-container .your-content {
+.fixed-header-container .page-content {
   height: 600px;
 }
 </style>

src/layout/snippets/fixed-header-drawer-demo.html

@@ -5,7 +5,7 @@
   position: relative;
   height: 300px;
 }
-.fixed-header-drawer-container .your-content {
+.fixed-header-drawer-container .page-content {
   height: 600px;
 }
 </style>

src/layout/snippets/fixed-header-drawer.html

@@ -29,7 +29,7 @@
       </nav>
     </div>
     <main class="mdl-layout__content">
-      <div class="your-content"></div>
+      <div class="page-content"><!-- Your content goes here --></div>
     </main>
   </div>
 </div>

src/layout/snippets/fixed-header.html

@@ -25,6 +25,6 @@
     </nav>
   </div>
   <main class="mdl-layout__content">
-    <div class="your-content"></div>
+    <div class="page-content"><!-- Your content goes here --></div>
   </main>
 </div>

src/layout/snippets/fixed-tabs-demo.html

@@ -5,7 +5,7 @@
   position: relative;
   height: 300px;
 }
-.fixed-tabs-container .your-content {
+.fixed-tabs-container .page-content {
   height: 600px;
 }
 </style>

src/layout/snippets/fixed-tabs.html

@@ -18,13 +18,13 @@
   </div>
   <main class="mdl-layout__content">
     <section class="mdl-layout__tab-panel is-active" id="fixed-tab-1">
-      <div class="your-content"></div>
+      <div class="page-content"><!-- Your content goes here --></div>
     </section>
     <section class="mdl-layout__tab-panel" id="fixed-tab-2">
-      <div class="your-content"></div>
+      <div class="page-content"><!-- Your content goes here --></div>
     </section>
     <section class="mdl-layout__tab-panel" id="fixed-tab-3">
-      <div class="your-content"></div>
+      <div class="page-content"><!-- Your content goes here --></div>
     </section>
   </main>
 </div>

src/layout/snippets/scrollable-tabs-demo.html

@@ -5,7 +5,7 @@
   position: relative;
   height: 300px;
 }
-.scrollable-tabs-container .your-content {
+.scrollable-tabs-container .page-content {
   height: 600px;
 }
 </style>

src/layout/snippets/scrollable-tabs.html

@@ -20,22 +20,22 @@
   </div>
   <main class="mdl-layout__content">
     <section class="mdl-layout__tab-panel is-active" id="scroll-tab-1">
-      <div class="your-content"></div>
+      <div class="page-content"><!-- Your content goes here --></div>
     </section>
     <section class="mdl-layout__tab-panel" id="scroll-tab-2">
-      <div class="your-content"></div>
+      <div class="page-content"><!-- Your content goes here --></div>
     </section>
     <section class="mdl-layout__tab-panel" id="scroll-tab-3">
-      <div class="your-content"></div>
+      <div class="page-content"><!-- Your content goes here --></div>
     </section>
     <section class="mdl-layout__tab-panel" id="scroll-tab-4">
-      <div class="your-content"></div>
+      <div class="page-content"><!-- Your content goes here --></div>
     </section>
     <section class="mdl-layout__tab-panel" id="scroll-tab-5">
-      <div class="your-content"></div>
+      <div class="page-content"><!-- Your content goes here --></div>
     </section>
     <section class="mdl-layout__tab-panel" id="scroll-tab-6">
-      <div class="your-content"></div>
+      <div class="page-content"><!-- Your content goes here --></div>
     </section>
   </main>
 </div>

src/layout/snippets/scrolling-header-demo.html

@@ -5,7 +5,7 @@
   position: relative;
   height: 300px;
 }
-.scrolling-header-container .your-content {
+.scrolling-header-container .page-content {
   height: 600px;
 }
 </style>

src/layout/snippets/scrolling-header.html

@@ -26,6 +26,6 @@
     </nav>
   </div>
   <main class="mdl-layout__content">
-    <div class="your-content"></div>
+    <div class="page-content"><!-- Your content goes here --></div>
   </main>
 </div>

src/layout/snippets/waterfall-header-demo.html

@@ -5,7 +5,7 @@
   position: relative;
   height: 300px;
 }
-.waterfall-header-container .your-content {
+.waterfall-header-container .page-content {
   height: 600px;
 }
 </style>

src/layout/snippets/waterfall-header.html

@@ -40,6 +40,6 @@
     </nav>
   </div>
   <main class="mdl-layout__content">
-    <div class="your-content"></div>
+    <div class="page-content"><!-- Your content goes here --></div>
   </main>
 </div>