diff --git a/public/docs/_layout.jade b/public/docs/_layout.jade index ced7c0f8c9..71c65759c6 100644 --- a/public/docs/_layout.jade +++ b/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") diff --git a/public/docs/js/2_0_0-alpha_11/index.jade b/public/docs/js/2_0_0-alpha_11/index.jade index a6bf4a6b13..acb2d94ebc 100644 --- a/public/docs/js/2_0_0-alpha_11/index.jade +++ b/public/docs/js/2_0_0-alpha_11/index.jade @@ -1 +1,20 @@ -h1 Docs Home for latest version \ No newline at end of file + +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... diff --git a/public/resources/css/layout/_layout.scss b/public/resources/css/layout/_layout.scss index d17da876dc..5da09990d5 100644 --- a/public/resources/css/layout/_layout.scss +++ b/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; + } }