variables.less 1.37 KB
Newer Older
1
2
3
// Variables.less
// Variables to customize the look and feel of Bootstrap
// -----------------------------------------------------
4
5


6
7
8
// LINK COLORS
// -----------

9
@linkColor:         #08c;
10
11
@linkColorHover:    darken(@linkColor, 15);

12
13
14
15

// GRAYS
// -----

16
@black:             #000;
17
18
19
20
@grayDark:          #333;
@gray:              #555;
@grayLight:         #999;
@grayLighter:       #eee;
21
22
@white:             #fff;

23
24
25
26

// ACCENT COLORS
// -------------

27
28
29
30
31
32
33
34
35
36
@blue:              #049CDB;
@blueDark:          #0064CD;
@green:             #46a546;
@red:               #9d261d;
@yellow:            #ffc40d;
@orange:            #f89406;
@pink:              #c3325f;
@purple:            #7a43b6;


37
38
39
// GRID
// ----

40
// Modify the grid styles in mixins.less
41
42
@gridColumns:       12;
@gridColumnWidth:   60px;
43
44
45
@gridGutterWidth:   20px;
@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

46
// Fluid width sidebar
47
48
49
50
51
@fluidSidebarWidth: 220px;


// Z-INDEX
// -------
52
53
54
55
56
57
@zindexDropdown:        1000;
@zindexFixedNavbar:     1010;
@zindexModalBackdrop:   1020;
@zindexModal:           1030;
@zindexPopover:         1040;
@zindexTwipsy:          1050;
58

59
60
61
62
63
64
65
66

// THEME VARIABLES
// ---------------

// Typography
@baseFontSize:          13px;
@baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
@baseLineHeight:        18px;
67

68
69
// Visuals
@primaryButtonColor:    @blue;