addng docs for the themes stuff and examples

lib/forms.less

@@ -17,7 +17,7 @@ fieldset {
   legend {
     display: block;
     margin-left: 150px;
-    font-size: 20px;
+    font-size: @basefont * 1.5;
     line-height: 1;
     *margin: 0 0 5px 145px; /* IE6-7 */
     *line-height: 1.5; /* IE6-7 */
@@ -69,7 +69,7 @@ select,
   width: 210px;
   height: @baseline;
   padding: 4px;
-  font-size: 13px;
+  font-size: @basefont;
   line-height: @baseline;
   color: @gray;
   border: 1px solid #ccc;
@@ -253,7 +253,7 @@ textarea[readonly] {
 // Help Text
 .help-inline,
 .help-block {
-  font-size: 12px;
+  font-size: @basefont - 2;
   line-height: @baseline;
   color: @grayLight;
 }
@@ -351,7 +351,7 @@ textarea[readonly] {
         color: @gray;
       }
       small {
-        font-size: 12px;
+        font-size: @basefont - 2;
         font-weight: normal;
       }
     }

lib/theme.less

@@ -19,34 +19,44 @@
 
 
 // Font face, size, weight, and more
-----------------------------------------
+// -------------------------------------
 @baseFontSize:          13px; // base font-size
 @baseLineHeight:        18px; // base line-height of elements (incrementally increases with font-size)
 
 
 // Link color
------------------
+// ---------------
 @linkColor:             #0069d6;
 // No need to specify a link hover color because we'll automatically do that for you in Preboot
 
 
+
+
+
+
+
+
+// COMING SOON...
+// --------------
+
+@baseFontFace:          "Helvetica";
+
+
 // Primary button color
---------------------------------
+// -----------------------------
 @primaryButtonColor:    #333;
 
 
 // Grid system
-------------------------------------
+// ---------------------------------
 // Griditude
 @gridColumns:       16;
 @gridColumnWidth:   40px;
 @gridGutterWidth:   20px;
-@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
 
 
 /*
 TODO:
-- move primary button color here
 - add ability to set app/site-wide base font-face (need better variables: @baseFontSize, @baseFontFace, @baseLineHeight, etc)
 - make form inputs and tables apply the new global type changes (currently statically set)
 - add new docs section for examples