updated docs to fix inconsistent display of code elements, update scaffolding to fix padding issue on fluid containers, add placeholder hero unit in patterns for future use, continue to refactor some rgba to hex values

3 files changed, 29 insertions, 6 deletions

diff --git a/lib/patterns.less b/lib/patterns.less
index e540bd601..eeb0107ab 100644
--- a/lib/patterns.less
+++ b/lib/patterns.less
@@ -239,6 +239,28 @@ div.topbar {
 // PAGE HEADERS
 // ------------
 
+.hero-unit {
+  background-color: #f5f5f5;
+  margin-bottom: 30px;
+  padding: 60px;
+  .border-radius(6px);
+  h1 {
+    margin-bottom: 0;
+    font-size: 60px;
+    line-height: 1;
+    letter-spacing: -1px;
+  }
+  p {
+    font-size: 18px;
+    font-weight: 200;
+    line-height: @baseline * 1.5;
+  }
+}
+
+
+// PAGE HEADERS
+// ------------
+
 div.page-header {
   margin-bottom: @baseline - 1;
   border-bottom: 1px solid #ddd;
@@ -453,12 +475,13 @@ div.pagination {
 // WELLS
 // -----
 
-div.well {
-  background: #f5f5f5;
+.well {
+  background-color: #f5f5f5;
   margin-bottom: 20px;
   padding: 19px;
   min-height: 20px;
-  border: 1px solid #ddd;
+  border: 1px solid #eee;
+  border: 1px solid rgba(0,0,0,.05);
   .border-radius(4px);
   .box-shadow(inset 0 1px 1px rgba(0,0,0,.05);
 }
diff --git a/lib/scaffolding.less b/lib/scaffolding.less
index 427dab2b8..5b41b64a4 100644
--- a/lib/scaffolding.less
+++ b/lib/scaffolding.less
@@ -51,7 +51,7 @@ html, body {
   background-color: #fff;
 }
 body {
-  margin: 0;
+  margin: 60px 0 0; // Add margin to the top of the page for the topbar
   #font > .sans-serif(normal,@basefont,@baseline);
   color: @gray;
   text-rendering: optimizeLegibility;
@@ -65,7 +65,7 @@ div.container {
 
 // Fluid layouts (left aligned, with sidebar, min- & max-width content)
 div.container-fluid {
-  padding: 20px;
+  padding: 0 20px;
   .clearfix();
   div.sidebar {
     float: left;
diff --git a/lib/type.less b/lib/type.less
index 96a2310b1..1091d149b 100644
--- a/lib/type.less
+++ b/lib/type.less
@@ -10,7 +10,7 @@ p {
   #font > .shorthand(normal,@basefont,@baseline);
   margin-bottom: @baseline / 2;
   small {
-    font-size: 11px;
+    font-size: @basefont - 2;
     color: @grayLight;
   }
 }