64 lines
1.8 KiB
Plaintext
64 lines
1.8 KiB
Plaintext
/* 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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// COMING SOON...
|
|
// --------------
|
|
|
|
@baseFontFace: "Helvetica";
|
|
|
|
|
|
// Primary button color
|
|
// -----------------------------
|
|
@primaryButtonColor: #333;
|
|
|
|
|
|
// Grid system
|
|
// ---------------------------------
|
|
// Griditude
|
|
@gridColumns: 16;
|
|
@gridColumnWidth: 40px;
|
|
@gridGutterWidth: 20px;
|
|
|
|
|
|
/*
|
|
TODO:
|
|
- 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
|
|
*/ |