layout for docs

public/docs/_layout.jade

@@ -8,7 +8,7 @@ html(lang="en"  layout="column" ng-app="myApp")
     != partial("../_includes/_docs-nav")
     != partial("../_includes/_hero")
 
-    article.l-content
+    article.l-pad-6.grid-fluid
       != yield
 
     != partial("../_includes/_footer")

public/docs/js/2_0_0-alpha_11/index.jade

@@ -1 +1,20 @@
-h1 Docs Home for latest version
+
+div.c4
+  md-card
+    md-card-content
+      h2 Paracosm
+      p he titles of Washed Out's breakthrough song and the first single from Paracosm share the * two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...
+
+
+div.c4
+  md-card
+    md-card-content
+      h2 Paracosm
+      p he titles of Washed Out's breakthrough song and the first single from Paracosm share the * two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...
+
+
+div.c4
+  md-card
+    md-card-content
+      h2 Paracosm
+      p he titles of Washed Out's breakthrough song and the first single from Paracosm share the * two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...

public/resources/css/layout/_layout.scss

@@ -32,9 +32,37 @@
 }
 
 @for $i from 1 through 10 {
+  .l-space-#{$i} {
+    margin: $i * 8px;
+  }
+  .l-space-top-#{$i} {
+    margin-top: $i * 8px;
+  }
   .l-space-bottom-#{$i} {
     margin-bottom: $i * 8px;
   }
+  .l-space-left-#{$i} {
+    margin-left: $i * 8px;
+  }
+  .l-space-right-#{$i} {
+    margin-right: $i * 8px;
+  }
+
+  .l-pad-#{$i} {
+    padding: $i * 8px;
+  }
+  .l-pad-top-#{$i} {
+    padding-top: $i * 8px;
+  }
+  .l-pad-bottom-#{$i} {
+    padding-bottom: $i * 8px;
+  }
+  .l-pad-left-#{$i} {
+    padding-left: $i * 8px;
+  }
+  .l-pad-right-#{$i} {
+    padding-right: $i * 8px;
+  }
 }