Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100755 100 lines (75 sloc) 2.729 kb
31af9b8 Mike Valstar Added twitter bootstrap css to project.
authored
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 @textColor: @grayDark;
38
39 // Buttons
40 @primaryButtonBackground: @linkColor;
41
42
43
44 // COMPONENT VARIABLES
45 // --------------------------------------------------
46
47 // Z-index master list
48 // Used for a bird's eye view of components dependent on the z-axis
49 // Try to avoid customizing these :)
50 @zindexDropdown: 1000;
51 @zindexPopover: 1010;
52 @zindexTooltip: 1020;
53 @zindexFixedNavbar: 1030;
54 @zindexModalBackdrop: 1040;
55 @zindexModal: 1050;
56
57 // Input placeholder text color
58 @placeholderText: @grayLight;
59
60 // Navbar
61 @navbarHeight: 40px;
62 @navbarBackground: @grayDarker;
63 @navbarBackgroundHighlight: @grayDark;
64
65 @navbarText: @grayLight;
66 @navbarLinkColor: @grayLight;
67 @navbarLinkColorHover: @white;
68
69 // Form states and alerts
70 @warningText: #c09853;
71 @warningBackground: #fcf8e3;
72 @warningBorder: darken(spin(@warningBackground, -10), 3%);
73
74 @errorText: #b94a48;
75 @errorBackground: #f2dede;
76 @errorBorder: darken(spin(@errorBackground, -10), 3%);
77
78 @successText: #468847;
79 @successBackground: #dff0d8;
80 @successBorder: darken(spin(@successBackground, -10), 5%);
81
82 @infoText: #3a87ad;
83 @infoBackground: #d9edf7;
84 @infoBorder: darken(spin(@infoBackground, -10), 7%);
85
86
87
88 // GRID
89 // --------------------------------------------------
90
91 // Default 940px grid
92 @gridColumns: 12;
93 @gridColumnWidth: 60px;
94 @gridGutterWidth: 20px;
95 @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
96
97 // Fluid grid
98 @fluidGridColumnWidth: 6.382978723%;
99 @fluidGridGutterWidth: 2.127659574%;
Something went wrong with that request. Please try again.