adding temp theme file to help with customization; still needs work

3 files changed, 65 insertions, 0 deletions

diff --git a/lib/bootstrap.less b/lib/bootstrap.less
index c31bd725d..ff17097dd 100644
--- a/lib/bootstrap.less
+++ b/lib/bootstrap.less
@@ -14,6 +14,7 @@
 
 // Core
 @import "preboot.less";
+@import "theme.less";
 @import "scaffolding.less";
 
 // Styled patterns and elements
diff --git a/lib/scaffolding.less b/lib/scaffolding.less
index 845c4d355..148e4e0d5 100644
--- a/lib/scaffolding.less
+++ b/lib/scaffolding.less
@@ -37,6 +37,16 @@
   .span15    { .columns(15); }
   .span16    { .columns(16); }
 
+  // For optional 24-column grid
+  .span17    { .columns(17); }
+  .span18    { .columns(18); }
+  .span19    { .columns(19); }
+  .span20    { .columns(20); }
+  .span21    { .columns(21); }
+  .span22    { .columns(22); }
+  .span23    { .columns(23); }
+  .span24    { .columns(24); }
+
   // Offset column options
   .offset1   { .offset(1); }
   .offset2   { .offset(2); }
diff --git a/lib/theme.less b/lib/theme.less
new file mode 100644
index 000000000..84102ef04
--- /dev/null
+++ b/lib/theme.less
@@ -0,0 +1,54 @@
+/* Theme.less
+ * Customizable set of settings and tweaks for Bootstrap development
+ * ----------------------------------------------------------------- */
+
+
+/*
+  Why Theme.less?
+  ---------------
+  Theme is a layer that has been added to Bootstrap to simplify the customization process for developers and designers. The goal of Theme is to provide a single point of customization within Bootstrap so you don't have to modify the core files.
+
+  How to use it
+  -------------
+  We repeat the default variables' values here for easy replacement. Simply modify any of these values and recompile Bootstrap for a more customize look and feel.
+
+  Extending it
+  ------------
+  Feel free to create and add new variables and mixins here. The goal is to make this your playground and keep the core files intact.
+*/
+
+
+// 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
+
+
+// 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
+- add new docs section for Theme.less
+*/
\ No newline at end of file