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

lib/patterns.less

@@ -236,6 +236,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
 // ------------
 
@@ -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);
 }

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;

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;
   }
 }