Keep the existing grey/noise background for pages other than the homepage

Keep the existing grey background and Lato font for pages on the site other than the new homepage. Those pages will be updated in separate design iterations.

Keep the existing grey/noise background for pages other than the homepage
Keep the existing grey background and Lato font for pages on the site other than the new homepage. Those pages will be updated in separate design iterations.
c2201ed2 · Robert Knight · Nick Stenning · b0386b0c · c2201ed2 · c2201ed2
Commit c2201ed2 authored Dec 10, 2015 by Robert Knight Committed by Nick Stenning Dec 11, 2015
Hide whitespace changes
Inline Side-by-side

Showing with 11 additions and 7 deletions

home.scss h/static/styles/home.scss +0 -5

site.scss h/static/styles/site.scss +11 -2

No files found.
--- a/h/static/styles/home.scss
+++ b/h/static/styles/home.scss
 @at-root {
  .home__content {
-    // use new Sans Serif font on the homepage and larger line-spacing.
-    // We'll likely want to move this up to <body> in future once
-    // other pages on the site have been updated to a new design
-    font-family: $font-family-site-sans;
    line-height: $line-height-tall;
-
    color: $gray-darker;
    margin-top: 95px;
  }

--- a/h/static/styles/site.scss
+++ b/h/static/styles/site.scss
@@ -22,11 +22,20 @@
 // pages
 @import './home';

-body {
-  background-color: white;
+// body with grey noise background and Lato font used
+// in the sidebar and groups pages
+.body--default {
+  @extend .noise;
  font-family: $sans-font-family;
 }

+// body with white background and Source Sans Pro
+// font used in the new homepage design
+.body--white {
+  background-color: white;
+  font-family: $font-family-site-sans;
+}
+
 .content {
  margin-left: auto;
  margin-right: auto;