Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
variables.less 2.63 KiB
1 
// Variables.less
2 
// Variables to customize the look and feel of Bootstrap
3 
// -----------------------------------------------------
4
5
6
7 
// GLOBAL VALUES
8 
// --------------------------------------------------
9
10 
// Links
11 
@linkColor:             #08c;
12 
@linkColorHover:        darken(@linkColor, 15%);
13
14 
// Grays
15 
@black:                 #000;
16 
@grayDarker:            #222;
17 
@grayDark:              #333;
18 
@gray:                  #555;
19 
@grayLight:             #999;
20 
@grayLighter:           #eee;
21 
@white:                 #fff;
22
23 
// Accent colors
24 
@blue:                  #049cdb;
25 
@blueDark:              #0064cd;
26 
@green:                 #46a546;
27 
@red:                   #9d261d;
28 
@yellow:                #ffc40d;
29 
@orange:                #f89406;
30 
@pink:                  #c3325f;
31 
@purple:                #7a43b6;
32
33 
// Typography
34 
@baseFontSize:          13px;
35 
@baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
36 
@baseLineHeight:        18px;
37
38 
// Buttons
39 
@primaryButtonBackground:    @linkColor;
40
41
42
43 
// COMPONENT VARIABLES
44 
// --------------------------------------------------
45
46 
// Z-index master list
47 
// Used for a bird's eye view of components dependent on the z-axis
48 
// Try to avoid customizing these :)
49 
@zindexDropdown:        1000;
50 
@zindexPopover:         1010;
51 
@zindexTooltip:         1020;
52 
@zindexFixedNavbar:     1030;
53 
@zindexModalBackdrop:   1040;
54 
@zindexModal:           1050;
55
56 
// Input placeholder text color
57 
@placeholderText:       @grayLight;
58
59 
// Navbar
60 
@navbarHeight:                    40px;
61 
@navbarBackground:                @grayDarker;
62 
@navbarBackgroundHighlight:       @grayDark;
63
64 
@navbarText:                      @grayLight;
65 
@navbarLinkColor:                 @grayLight;
66 
@navbarLinkColorHover:            @white;
67
68 
// Form states and alerts
69 
@warningText:             #c09853;
70 
@warningBackground:       #fcf8e3;
7172737475767778798081828384858687888990919293949596979899100
@warningBorder: darken(spin(@warningBackground, -10), 3%); @errorText: #b94a48; @errorBackground: #f2dede; @errorBorder: darken(spin(@errorBackground, -10), 3%); @successText: #468847; @successBackground: #dff0d8; @successBorder: darken(spin(@successBackground, -10), 5%); @infoText: #3a87ad; @infoBackground: #d9edf7; @infoBorder: darken(spin(@infoBackground, -10), 7%); // GRID // -------------------------------------------------- // Default 940px grid @gridColumns: 12; @gridColumnWidth: 60px; @gridGutterWidth: 20px; @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); // Fluid grid @fluidGridColumnWidth: 6.382978723%; @fluidGridGutterWidth: 2.127659574%;