Merge pull request #54 from dabapps/body-background

Body & container background variables
dabapps · Jun 3, 2017 · 8118138 · 8118138
2 parents 57a532a + 519e18e
commit 8118138
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/docs/src/less/index.less b/docs/src/less/index.less
@@ -1,17 +1,13 @@
 @import '../../../src/less/index.less';
 
-html,
-body {
-  background-color: @grey-lighter;
-}
+@body-background: @grey-lighter;
 
 h1,
 h2 {
   color: @secondary;
 }
 
 .container {
-  background-color: @white;
   box-shadow: @shadow-hard;
 }
 

diff --git a/src/less/grid.less b/src/less/grid.less
@@ -48,6 +48,7 @@
 }
 
 .container {
+  background-color: @container-background;
   margin: 0 auto;
 
   @media all and (min-width: @screen-sm) {

diff --git a/src/less/overrides.less b/src/less/overrides.less
@@ -9,6 +9,7 @@ body {
   font-size: @font-size-base;
   font-family: @font-family-base;
   color: @font-color-base;
+  background-color: @body-background;
 }
 
 h1,

diff --git a/src/less/variables.less b/src/less/variables.less
@@ -41,6 +41,10 @@
 @grey-lightest: #F8F8F8;
 @white: #FFFFFF;
 
+@body-background: @white;
+
+@container-background: @white;
+
 @table-stripe: @grey-lightest;
 @table-hover: darken(@grey-lightest, 3%);