mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-05 16:42:29 +03:00
adding temp theme file to help with customization; still needs work
This commit is contained in:
@@ -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
|
||||
*/
|
||||
Reference in New Issue
Block a user