From fed0d8a2d405fded61bd2b7c4c70744fafd58d06 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Wed, 5 Aug 2015 17:47:45 -0700
Subject: restore page headers, use partial and page frontmatter to organize it

---
 docs/assets/scss/_layout.scss | 35 +++++++++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

(limited to 'docs/assets/scss')

diff --git a/docs/assets/scss/_layout.scss b/docs/assets/scss/_layout.scss
index 281acbc8b..a794be069 100644
--- a/docs/assets/scss/_layout.scss
+++ b/docs/assets/scss/_layout.scss
@@ -1,6 +1,6 @@
 
 .bd-docs {
-  padding-top: 5rem;
+  padding-top: 3.65rem;
 }
 
 // Custom container
@@ -59,12 +59,39 @@
 }
 
 
+.bd-pageheader {
+  margin-bottom: 3rem;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+  color: $bd-purple-light;
+  background-color: $bd-purple;
+
+  h1 {
+    font-size: 4rem;
+    font-weight: normal;
+    color: #fff;
+  }
+
+  p {
+    font-size: 1.5rem;
+  }
+
+  @include media-breakpoint-up(sm) {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+
+    .carbonad {
+      float: right;
+    }
+  }
+}
+
 //
 // Docs sections
 //
 
 .bd-content {
-  > h2 {
+  > h2:not(:first-child) {
     margin-top: 3rem;
   }
 
@@ -80,10 +107,10 @@
 
 .bd-title {
   @include media-breakpoint-up(sm) {
-    font-size: 4rem;
+    font-size: 3rem;
 
     + p {
-      font-size: 1.5rem;
+      font-size: 1.25rem;
       font-weight: 300;
     }
   }
-- 
cgit v1.2.3