aboutsummaryrefslogtreecommitdiff
path: root/lib/theme.less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2011-09-03 22:53:21 -0700
committerMark Otto <[email protected]>2011-09-03 22:53:21 -0700
commit7882f0f64b2d8985520361885a17b403f9eafbcd (patch)
tree216ef92df8c3d7b65d4c78a09939639cf16e36ee /lib/theme.less
parent0b70eb630e522c604973f945ea3010ecf0f38e9f (diff)
downloadbootstrap-7882f0f64b2d8985520361885a17b403f9eafbcd.tar.xz
bootstrap-7882f0f64b2d8985520361885a17b403f9eafbcd.zip
adding temp theme file to help with customization; still needs work
Diffstat (limited to 'lib/theme.less')
-rw-r--r--lib/theme.less54
1 files changed, 54 insertions, 0 deletions
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