2011-09-13 05:07:26 +02:00
|
|
|
/* Variables.less
|
|
|
|
* Variables to customize the look and feel of Bootstrap
|
|
|
|
* ----------------------------------------------------- */
|
|
|
|
|
|
|
|
|
2011-10-04 09:20:38 +02:00
|
|
|
// LINK COLORS
|
|
|
|
// -----------
|
|
|
|
|
2011-09-13 05:07:26 +02:00
|
|
|
@linkColor: #0069d6;
|
|
|
|
@linkColorHover: darken(@linkColor, 15);
|
|
|
|
|
2011-10-04 09:20:38 +02:00
|
|
|
|
|
|
|
// GRAYS
|
|
|
|
// -----
|
|
|
|
|
2011-09-13 05:07:26 +02:00
|
|
|
@black: #000;
|
2011-10-04 09:20:38 +02:00
|
|
|
@grayDark: lighten(@black, 25%);
|
|
|
|
@gray: lighten(@black, 50%);
|
|
|
|
@grayLight: lighten(@black, 75%);
|
|
|
|
@grayLighter: lighten(@black, 90%);
|
2011-09-13 05:07:26 +02:00
|
|
|
@white: #fff;
|
|
|
|
|
2011-10-04 09:20:38 +02:00
|
|
|
|
|
|
|
// ACCENT COLORS
|
|
|
|
// -------------
|
|
|
|
|
2011-09-13 05:07:26 +02:00
|
|
|
@blue: #049CDB;
|
|
|
|
@blueDark: #0064CD;
|
|
|
|
@green: #46a546;
|
|
|
|
@red: #9d261d;
|
|
|
|
@yellow: #ffc40d;
|
|
|
|
@orange: #f89406;
|
|
|
|
@pink: #c3325f;
|
|
|
|
@purple: #7a43b6;
|
|
|
|
|
|
|
|
|
2011-10-04 09:20:38 +02:00
|
|
|
// GRID
|
|
|
|
// ----
|
|
|
|
|
2011-09-13 05:07:26 +02:00
|
|
|
// Modify the grid styles in mixins.less
|
|
|
|
@gridColumns: 16;
|
|
|
|
@gridColumnWidth: 40px;
|
|
|
|
@gridGutterWidth: 20px;
|
|
|
|
@extraSpace: (@gridGutterWidth * 2); // For our grid calculations
|
|
|
|
@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
|
|
|
|
2011-10-04 09:20:38 +02:00
|
|
|
|
|
|
|
// THEME VARIABLES
|
|
|
|
// ---------------
|
|
|
|
|
|
|
|
// Typography
|
|
|
|
@baseFontSize: 13px;
|
|
|
|
@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
@baseLineHeight: 18px;
|
2011-09-13 05:07:26 +02:00
|
|
|
|
2011-10-04 09:20:38 +02:00
|
|
|
// Visuals
|
|
|
|
@primaryButtonColor: @blue;
|