twitter-bootswatch-rails 2.3.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (99) hide show
  1. data/README.md +259 -0
  2. data/Rakefile +57 -0
  3. data/lib/generators/bootswatch/import/import_generator.rb +50 -0
  4. data/lib/generators/bootswatch/install/install_generator.rb +120 -0
  5. data/lib/generators/bootswatch/install/templates/application.css.tt +6 -0
  6. data/lib/generators/bootswatch/install/templates/application.js.tt +5 -0
  7. data/lib/generators/bootswatch/install/templates/base.less.tt +8 -0
  8. data/lib/generators/bootswatch/install/templates/bootstrap.less +63 -0
  9. data/lib/generators/bootswatch/install/templates/bootswatch.coffee.tt +9 -0
  10. data/lib/generators/bootswatch/install/templates/bootswatch.less.tt +8 -0
  11. data/lib/generators/bootswatch/install/templates/loader.coffee.tt +25 -0
  12. data/lib/generators/bootswatch/install/templates/loader.css.less.tt +22 -0
  13. data/lib/generators/bootswatch/install/templates/mixins.less.tt +704 -0
  14. data/lib/generators/bootswatch/install/templates/variables.less.tt +303 -0
  15. data/lib/generators/bootswatch/layout/layout_generator.rb +23 -0
  16. data/lib/generators/bootswatch/layout/templates/layout.html.erb +50 -0
  17. data/lib/generators/bootswatch/layout/templates/layout.html.haml +30 -0
  18. data/lib/generators/bootswatch/themed/templates/_form.html.erb +16 -0
  19. data/lib/generators/bootswatch/themed/templates/_form.html.haml +10 -0
  20. data/lib/generators/bootswatch/themed/templates/edit.html.erb +6 -0
  21. data/lib/generators/bootswatch/themed/templates/edit.html.haml +4 -0
  22. data/lib/generators/bootswatch/themed/templates/index.html.erb +40 -0
  23. data/lib/generators/bootswatch/themed/templates/index.html.haml +25 -0
  24. data/lib/generators/bootswatch/themed/templates/new.html.erb +6 -0
  25. data/lib/generators/bootswatch/themed/templates/new.html.haml +4 -0
  26. data/lib/generators/bootswatch/themed/templates/show.html.erb +23 -0
  27. data/lib/generators/bootswatch/themed/templates/show.html.haml +15 -0
  28. data/lib/generators/bootswatch/themed/templates/simple_form/_form.html.erb +14 -0
  29. data/lib/generators/bootswatch/themed/templates/simple_form/_form.html.haml +11 -0
  30. data/lib/generators/bootswatch/themed/themed_generator.rb +99 -0
  31. data/lib/tasks/setup.thor +90 -0
  32. data/lib/twitter-bootswatch-rails.rb +10 -0
  33. data/lib/twitter/bootswatch/rails/bootswatch.rb +2 -0
  34. data/lib/twitter/bootswatch/rails/engine.rb +32 -0
  35. data/lib/twitter/bootswatch/rails/version.rb +7 -0
  36. data/vendor/assets/fonts/font-awesome/FontAwesome.otf +0 -0
  37. data/vendor/assets/fonts/font-awesome/fontawesome-webfont.eot +0 -0
  38. data/vendor/assets/fonts/font-awesome/fontawesome-webfont.svg +284 -0
  39. data/vendor/assets/fonts/font-awesome/fontawesome-webfont.ttf +0 -0
  40. data/vendor/assets/fonts/font-awesome/fontawesome-webfont.woff +0 -0
  41. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  42. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  43. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +117 -0
  44. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +99 -0
  45. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +105 -0
  46. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +207 -0
  47. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +167 -0
  48. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +165 -0
  49. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +247 -0
  50. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +114 -0
  51. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +162 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +144 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +361 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +60 -0
  55. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +335 -0
  56. data/vendor/toolkit/font-awesome/font-awesome-ie7.less +350 -0
  57. data/vendor/toolkit/font-awesome/font-awesome.less +537 -0
  58. data/vendor/toolkit/twitter/bootstrap/accordion.less +34 -0
  59. data/vendor/toolkit/twitter/bootstrap/alerts.less +79 -0
  60. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +63 -0
  61. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +24 -0
  62. data/vendor/toolkit/twitter/bootstrap/button-groups.less +229 -0
  63. data/vendor/toolkit/twitter/bootstrap/buttons.less +228 -0
  64. data/vendor/toolkit/twitter/bootstrap/carousel.less +158 -0
  65. data/vendor/toolkit/twitter/bootstrap/close.less +32 -0
  66. data/vendor/toolkit/twitter/bootstrap/code.less +61 -0
  67. data/vendor/toolkit/twitter/bootstrap/component-animations.less +22 -0
  68. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +237 -0
  69. data/vendor/toolkit/twitter/bootstrap/forms.less +690 -0
  70. data/vendor/toolkit/twitter/bootstrap/grid.less +21 -0
  71. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +25 -0
  72. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +84 -0
  73. data/vendor/toolkit/twitter/bootstrap/layouts.less +16 -0
  74. data/vendor/toolkit/twitter/bootstrap/media.less +55 -0
  75. data/vendor/toolkit/twitter/bootstrap/mixins.less +702 -0
  76. data/vendor/toolkit/twitter/bootstrap/modals.less +95 -0
  77. data/vendor/toolkit/twitter/bootstrap/navbar.less +497 -0
  78. data/vendor/toolkit/twitter/bootstrap/navs.less +409 -0
  79. data/vendor/toolkit/twitter/bootstrap/pager.less +43 -0
  80. data/vendor/toolkit/twitter/bootstrap/pagination.less +123 -0
  81. data/vendor/toolkit/twitter/bootstrap/popovers.less +133 -0
  82. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +122 -0
  83. data/vendor/toolkit/twitter/bootstrap/reset.less +216 -0
  84. data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +28 -0
  85. data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +193 -0
  86. data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +19 -0
  87. data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +189 -0
  88. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +59 -0
  89. data/vendor/toolkit/twitter/bootstrap/responsive.less +48 -0
  90. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +53 -0
  91. data/vendor/toolkit/twitter/bootstrap/sprites.less +197 -0
  92. data/vendor/toolkit/twitter/bootstrap/tables.less +244 -0
  93. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +53 -0
  94. data/vendor/toolkit/twitter/bootstrap/tooltip.less +70 -0
  95. data/vendor/toolkit/twitter/bootstrap/type.less +247 -0
  96. data/vendor/toolkit/twitter/bootstrap/utilities.less +30 -0
  97. data/vendor/toolkit/twitter/bootstrap/variables.less +301 -0
  98. data/vendor/toolkit/twitter/bootstrap/wells.less +29 -0
  99. metadata +269 -0
@@ -0,0 +1,53 @@
1
+ //
2
+ // Thumbnails
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
7
+
8
+ // Make wrapper ul behave like the grid
9
+ .thumbnails {
10
+ margin-left: -@gridGutterWidth;
11
+ list-style: none;
12
+ .clearfix();
13
+ }
14
+ // Fluid rows have no left margin
15
+ .row-fluid .thumbnails {
16
+ margin-left: 0;
17
+ }
18
+
19
+ // Float li to make thumbnails appear in a row
20
+ .thumbnails > li {
21
+ float: left; // Explicity set the float since we don't require .span* classes
22
+ margin-bottom: @baseLineHeight;
23
+ margin-left: @gridGutterWidth;
24
+ }
25
+
26
+ // The actual thumbnail (can be `a` or `div`)
27
+ .thumbnail {
28
+ display: block;
29
+ padding: 4px;
30
+ line-height: @baseLineHeight;
31
+ border: 1px solid #ddd;
32
+ .border-radius(@baseBorderRadius);
33
+ .box-shadow(0 1px 3px rgba(0,0,0,.055));
34
+ .transition(all .2s ease-in-out);
35
+ }
36
+ // Add a hover/focus state for linked versions only
37
+ a.thumbnail:hover,
38
+ a.thumbnail:focus {
39
+ border-color: @linkColor;
40
+ .box-shadow(0 1px 4px rgba(0,105,214,.25));
41
+ }
42
+
43
+ // Images and captions
44
+ .thumbnail > img {
45
+ display: block;
46
+ max-width: 100%;
47
+ margin-left: auto;
48
+ margin-right: auto;
49
+ }
50
+ .thumbnail .caption {
51
+ padding: 9px;
52
+ color: @gray;
53
+ }
@@ -0,0 +1,70 @@
1
+ //
2
+ // Tooltips
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ .tooltip {
8
+ position: absolute;
9
+ z-index: @zindexTooltip;
10
+ display: block;
11
+ visibility: visible;
12
+ font-size: 11px;
13
+ line-height: 1.4;
14
+ .opacity(0);
15
+ &.in { .opacity(80); }
16
+ &.top { margin-top: -3px; padding: 5px 0; }
17
+ &.right { margin-left: 3px; padding: 0 5px; }
18
+ &.bottom { margin-top: 3px; padding: 5px 0; }
19
+ &.left { margin-left: -3px; padding: 0 5px; }
20
+ }
21
+
22
+ // Wrapper for the tooltip content
23
+ .tooltip-inner {
24
+ max-width: 200px;
25
+ padding: 8px;
26
+ color: @tooltipColor;
27
+ text-align: center;
28
+ text-decoration: none;
29
+ background-color: @tooltipBackground;
30
+ .border-radius(@baseBorderRadius);
31
+ }
32
+
33
+ // Arrows
34
+ .tooltip-arrow {
35
+ position: absolute;
36
+ width: 0;
37
+ height: 0;
38
+ border-color: transparent;
39
+ border-style: solid;
40
+ }
41
+ .tooltip {
42
+ &.top .tooltip-arrow {
43
+ bottom: 0;
44
+ left: 50%;
45
+ margin-left: -@tooltipArrowWidth;
46
+ border-width: @tooltipArrowWidth @tooltipArrowWidth 0;
47
+ border-top-color: @tooltipArrowColor;
48
+ }
49
+ &.right .tooltip-arrow {
50
+ top: 50%;
51
+ left: 0;
52
+ margin-top: -@tooltipArrowWidth;
53
+ border-width: @tooltipArrowWidth @tooltipArrowWidth @tooltipArrowWidth 0;
54
+ border-right-color: @tooltipArrowColor;
55
+ }
56
+ &.left .tooltip-arrow {
57
+ top: 50%;
58
+ right: 0;
59
+ margin-top: -@tooltipArrowWidth;
60
+ border-width: @tooltipArrowWidth 0 @tooltipArrowWidth @tooltipArrowWidth;
61
+ border-left-color: @tooltipArrowColor;
62
+ }
63
+ &.bottom .tooltip-arrow {
64
+ top: 0;
65
+ left: 50%;
66
+ margin-left: -@tooltipArrowWidth;
67
+ border-width: 0 @tooltipArrowWidth @tooltipArrowWidth;
68
+ border-bottom-color: @tooltipArrowColor;
69
+ }
70
+ }
@@ -0,0 +1,247 @@
1
+ //
2
+ // Typography
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Body text
7
+ // -------------------------
8
+
9
+ p {
10
+ margin: 0 0 @baseLineHeight / 2;
11
+ }
12
+ .lead {
13
+ margin-bottom: @baseLineHeight;
14
+ font-size: @baseFontSize * 1.5;
15
+ font-weight: 200;
16
+ line-height: @baseLineHeight * 1.5;
17
+ }
18
+
19
+
20
+ // Emphasis & misc
21
+ // -------------------------
22
+
23
+ // Ex: 14px base font * 85% = about 12px
24
+ small { font-size: 85%; }
25
+
26
+ strong { font-weight: bold; }
27
+ em { font-style: italic; }
28
+ cite { font-style: normal; }
29
+
30
+ // Utility classes
31
+ .muted { color: @grayLight; }
32
+ a.muted:hover,
33
+ a.muted:focus { color: darken(@grayLight, 10%); }
34
+
35
+ .text-warning { color: @warningText; }
36
+ a.text-warning:hover,
37
+ a.text-warning:focus { color: darken(@warningText, 10%); }
38
+
39
+ .text-error { color: @errorText; }
40
+ a.text-error:hover,
41
+ a.text-error:focus { color: darken(@errorText, 10%); }
42
+
43
+ .text-info { color: @infoText; }
44
+ a.text-info:hover,
45
+ a.text-info:focus { color: darken(@infoText, 10%); }
46
+
47
+ .text-success { color: @successText; }
48
+ a.text-success:hover,
49
+ a.text-success:focus { color: darken(@successText, 10%); }
50
+
51
+ .text-left { text-align: left; }
52
+ .text-right { text-align: right; }
53
+ .text-center { text-align: center; }
54
+
55
+
56
+ // Headings
57
+ // -------------------------
58
+
59
+ h1, h2, h3, h4, h5, h6 {
60
+ margin: (@baseLineHeight / 2) 0;
61
+ font-family: @headingsFontFamily;
62
+ font-weight: @headingsFontWeight;
63
+ line-height: @baseLineHeight;
64
+ color: @headingsColor;
65
+ text-rendering: optimizelegibility; // Fix the character spacing for headings
66
+ small {
67
+ font-weight: normal;
68
+ line-height: 1;
69
+ color: @grayLight;
70
+ }
71
+ }
72
+
73
+ h1,
74
+ h2,
75
+ h3 { line-height: @baseLineHeight * 2; }
76
+
77
+ h1 { font-size: @baseFontSize * 2.75; } // ~38px
78
+ h2 { font-size: @baseFontSize * 2.25; } // ~32px
79
+ h3 { font-size: @baseFontSize * 1.75; } // ~24px
80
+ h4 { font-size: @baseFontSize * 1.25; } // ~18px
81
+ h5 { font-size: @baseFontSize; }
82
+ h6 { font-size: @baseFontSize * 0.85; } // ~12px
83
+
84
+ h1 small { font-size: @baseFontSize * 1.75; } // ~24px
85
+ h2 small { font-size: @baseFontSize * 1.25; } // ~18px
86
+ h3 small { font-size: @baseFontSize; }
87
+ h4 small { font-size: @baseFontSize; }
88
+
89
+
90
+ // Page header
91
+ // -------------------------
92
+
93
+ .page-header {
94
+ padding-bottom: (@baseLineHeight / 2) - 1;
95
+ margin: @baseLineHeight 0 (@baseLineHeight * 1.5);
96
+ border-bottom: 1px solid @grayLighter;
97
+ }
98
+
99
+
100
+
101
+ // Lists
102
+ // --------------------------------------------------
103
+
104
+ // Unordered and Ordered lists
105
+ ul, ol {
106
+ padding: 0;
107
+ margin: 0 0 @baseLineHeight / 2 25px;
108
+ }
109
+ ul ul,
110
+ ul ol,
111
+ ol ol,
112
+ ol ul {
113
+ margin-bottom: 0;
114
+ }
115
+ li {
116
+ line-height: @baseLineHeight;
117
+ }
118
+
119
+ // Remove default list styles
120
+ ul.unstyled,
121
+ ol.unstyled {
122
+ margin-left: 0;
123
+ list-style: none;
124
+ }
125
+
126
+ // Single-line list items
127
+ ul.inline,
128
+ ol.inline {
129
+ margin-left: 0;
130
+ list-style: none;
131
+ > li {
132
+ display: inline-block;
133
+ .ie7-inline-block();
134
+ padding-left: 5px;
135
+ padding-right: 5px;
136
+ }
137
+ }
138
+
139
+ // Description Lists
140
+ dl {
141
+ margin-bottom: @baseLineHeight;
142
+ }
143
+ dt,
144
+ dd {
145
+ line-height: @baseLineHeight;
146
+ }
147
+ dt {
148
+ font-weight: bold;
149
+ }
150
+ dd {
151
+ margin-left: @baseLineHeight / 2;
152
+ }
153
+ // Horizontal layout (like forms)
154
+ .dl-horizontal {
155
+ .clearfix(); // Ensure dl clears floats if empty dd elements present
156
+ dt {
157
+ float: left;
158
+ width: @horizontalComponentOffset - 20;
159
+ clear: left;
160
+ text-align: right;
161
+ .text-overflow();
162
+ }
163
+ dd {
164
+ margin-left: @horizontalComponentOffset;
165
+ }
166
+ }
167
+
168
+ // MISC
169
+ // ----
170
+
171
+ // Horizontal rules
172
+ hr {
173
+ margin: @baseLineHeight 0;
174
+ border: 0;
175
+ border-top: 1px solid @hrBorder;
176
+ border-bottom: 1px solid @white;
177
+ }
178
+
179
+ // Abbreviations and acronyms
180
+ abbr[title],
181
+ // Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257
182
+ abbr[data-original-title] {
183
+ cursor: help;
184
+ border-bottom: 1px dotted @grayLight;
185
+ }
186
+ abbr.initialism {
187
+ font-size: 90%;
188
+ text-transform: uppercase;
189
+ }
190
+
191
+ // Blockquotes
192
+ blockquote {
193
+ padding: 0 0 0 15px;
194
+ margin: 0 0 @baseLineHeight;
195
+ border-left: 5px solid @grayLighter;
196
+ p {
197
+ margin-bottom: 0;
198
+ font-size: @baseFontSize * 1.25;
199
+ font-weight: 300;
200
+ line-height: 1.25;
201
+ }
202
+ small {
203
+ display: block;
204
+ line-height: @baseLineHeight;
205
+ color: @grayLight;
206
+ &:before {
207
+ content: '\2014 \00A0';
208
+ }
209
+ }
210
+
211
+ // Float right with text-align: right
212
+ &.pull-right {
213
+ float: right;
214
+ padding-right: 15px;
215
+ padding-left: 0;
216
+ border-right: 5px solid @grayLighter;
217
+ border-left: 0;
218
+ p,
219
+ small {
220
+ text-align: right;
221
+ }
222
+ small {
223
+ &:before {
224
+ content: '';
225
+ }
226
+ &:after {
227
+ content: '\00A0 \2014';
228
+ }
229
+ }
230
+ }
231
+ }
232
+
233
+ // Quotes
234
+ q:before,
235
+ q:after,
236
+ blockquote:before,
237
+ blockquote:after {
238
+ content: "";
239
+ }
240
+
241
+ // Addresses
242
+ address {
243
+ display: block;
244
+ margin-bottom: @baseLineHeight;
245
+ font-style: normal;
246
+ line-height: @baseLineHeight;
247
+ }
@@ -0,0 +1,30 @@
1
+ //
2
+ // Utility classes
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Quick floats
7
+ .pull-right {
8
+ float: right;
9
+ }
10
+ .pull-left {
11
+ float: left;
12
+ }
13
+
14
+ // Toggling content
15
+ .hide {
16
+ display: none;
17
+ }
18
+ .show {
19
+ display: block;
20
+ }
21
+
22
+ // Visibility
23
+ .invisible {
24
+ visibility: hidden;
25
+ }
26
+
27
+ // For Affix plugin
28
+ .affix {
29
+ position: fixed;
30
+ }
@@ -0,0 +1,301 @@
1
+ //
2
+ // Variables
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Global values
7
+ // --------------------------------------------------
8
+
9
+
10
+ // Grays
11
+ // -------------------------
12
+ @black: #000;
13
+ @grayDarker: #222;
14
+ @grayDark: #333;
15
+ @gray: #555;
16
+ @grayLight: #999;
17
+ @grayLighter: #eee;
18
+ @white: #fff;
19
+
20
+
21
+ // Accent colors
22
+ // -------------------------
23
+ @blue: #049cdb;
24
+ @blueDark: #0064cd;
25
+ @green: #46a546;
26
+ @red: #9d261d;
27
+ @yellow: #ffc40d;
28
+ @orange: #f89406;
29
+ @pink: #c3325f;
30
+ @purple: #7a43b6;
31
+
32
+
33
+ // Scaffolding
34
+ // -------------------------
35
+ @bodyBackground: @white;
36
+ @textColor: @grayDark;
37
+
38
+
39
+ // Links
40
+ // -------------------------
41
+ @linkColor: #08c;
42
+ @linkColorHover: darken(@linkColor, 15%);
43
+
44
+
45
+ // Typography
46
+ // -------------------------
47
+ @sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
48
+ @serifFontFamily: Georgia, "Times New Roman", Times, serif;
49
+ @monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
50
+
51
+ @baseFontSize: 14px;
52
+ @baseFontFamily: @sansFontFamily;
53
+ @baseLineHeight: 20px;
54
+ @altFontFamily: @serifFontFamily;
55
+
56
+ @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
57
+ @headingsFontWeight: bold; // instead of browser default, bold
58
+ @headingsColor: inherit; // empty to use BS default, @textColor
59
+
60
+
61
+ // Component sizing
62
+ // -------------------------
63
+ // Based on 14px font-size and 20px line-height
64
+
65
+ @fontSizeLarge: @baseFontSize * 1.25; // ~18px
66
+ @fontSizeSmall: @baseFontSize * 0.85; // ~12px
67
+ @fontSizeMini: @baseFontSize * 0.75; // ~11px
68
+
69
+ @paddingLarge: 11px 19px; // 44px
70
+ @paddingSmall: 2px 10px; // 26px
71
+ @paddingMini: 0 6px; // 22px
72
+
73
+ @baseBorderRadius: 4px;
74
+ @borderRadiusLarge: 6px;
75
+ @borderRadiusSmall: 3px;
76
+
77
+
78
+ // Tables
79
+ // -------------------------
80
+ @tableBackground: transparent; // overall background-color
81
+ @tableBackgroundAccent: #f9f9f9; // for striping
82
+ @tableBackgroundHover: #f5f5f5; // for hover
83
+ @tableBorder: #ddd; // table and cell border
84
+
85
+ // Buttons
86
+ // -------------------------
87
+ @btnBackground: @white;
88
+ @btnBackgroundHighlight: darken(@white, 10%);
89
+ @btnBorder: #ccc;
90
+
91
+ @btnPrimaryBackground: @linkColor;
92
+ @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%);
93
+
94
+ @btnInfoBackground: #5bc0de;
95
+ @btnInfoBackgroundHighlight: #2f96b4;
96
+
97
+ @btnSuccessBackground: #62c462;
98
+ @btnSuccessBackgroundHighlight: #51a351;
99
+
100
+ @btnWarningBackground: lighten(@orange, 15%);
101
+ @btnWarningBackgroundHighlight: @orange;
102
+
103
+ @btnDangerBackground: #ee5f5b;
104
+ @btnDangerBackgroundHighlight: #bd362f;
105
+
106
+ @btnInverseBackground: #444;
107
+ @btnInverseBackgroundHighlight: @grayDarker;
108
+
109
+
110
+ // Forms
111
+ // -------------------------
112
+ @inputBackground: @white;
113
+ @inputBorder: #ccc;
114
+ @inputBorderRadius: @baseBorderRadius;
115
+ @inputDisabledBackground: @grayLighter;
116
+ @formActionsBackground: #f5f5f5;
117
+ @inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
118
+
119
+
120
+ // Dropdowns
121
+ // -------------------------
122
+ @dropdownBackground: @white;
123
+ @dropdownBorder: rgba(0,0,0,.2);
124
+ @dropdownDividerTop: #e5e5e5;
125
+ @dropdownDividerBottom: @white;
126
+
127
+ @dropdownLinkColor: @grayDark;
128
+ @dropdownLinkColorHover: @white;
129
+ @dropdownLinkColorActive: @white;
130
+
131
+ @dropdownLinkBackgroundActive: @linkColor;
132
+ @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
133
+
134
+
135
+
136
+ // COMPONENT VARIABLES
137
+ // --------------------------------------------------
138
+
139
+
140
+ // Z-index master list
141
+ // -------------------------
142
+ // Used for a bird's eye view of components dependent on the z-axis
143
+ // Try to avoid customizing these :)
144
+ @zindexDropdown: 1000;
145
+ @zindexPopover: 1010;
146
+ @zindexTooltip: 1030;
147
+ @zindexFixedNavbar: 1030;
148
+ @zindexModalBackdrop: 1040;
149
+ @zindexModal: 1050;
150
+
151
+
152
+ // Sprite icons path
153
+ // -------------------------
154
+ @iconSpritePath: "twitter/bootstrap/glyphicons-halflings.png";
155
+ @iconWhiteSpritePath: "twitter/bootstrap/glyphicons-halflings-white.png";
156
+
157
+
158
+ // Input placeholder text color
159
+ // -------------------------
160
+ @placeholderText: @grayLight;
161
+
162
+
163
+ // Hr border color
164
+ // -------------------------
165
+ @hrBorder: @grayLighter;
166
+
167
+
168
+ // Horizontal forms & lists
169
+ // -------------------------
170
+ @horizontalComponentOffset: 180px;
171
+
172
+
173
+ // Wells
174
+ // -------------------------
175
+ @wellBackground: #f5f5f5;
176
+
177
+
178
+ // Navbar
179
+ // -------------------------
180
+ @navbarCollapseWidth: 979px;
181
+ @navbarCollapseDesktopWidth: @navbarCollapseWidth + 1;
182
+
183
+ @navbarHeight: 40px;
184
+ @navbarBackgroundHighlight: #ffffff;
185
+ @navbarBackground: darken(@navbarBackgroundHighlight, 5%);
186
+ @navbarBorder: darken(@navbarBackground, 12%);
187
+
188
+ @navbarText: #777;
189
+ @navbarLinkColor: #777;
190
+ @navbarLinkColorHover: @grayDark;
191
+ @navbarLinkColorActive: @gray;
192
+ @navbarLinkBackgroundHover: transparent;
193
+ @navbarLinkBackgroundActive: darken(@navbarBackground, 5%);
194
+
195
+ @navbarBrandColor: @navbarLinkColor;
196
+
197
+ // Inverted navbar
198
+ @navbarInverseBackground: #111111;
199
+ @navbarInverseBackgroundHighlight: #222222;
200
+ @navbarInverseBorder: #252525;
201
+
202
+ @navbarInverseText: @grayLight;
203
+ @navbarInverseLinkColor: @grayLight;
204
+ @navbarInverseLinkColorHover: @white;
205
+ @navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
206
+ @navbarInverseLinkBackgroundHover: transparent;
207
+ @navbarInverseLinkBackgroundActive: @navbarInverseBackground;
208
+
209
+ @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
210
+ @navbarInverseSearchBackgroundFocus: @white;
211
+ @navbarInverseSearchBorder: @navbarInverseBackground;
212
+ @navbarInverseSearchPlaceholderColor: #ccc;
213
+
214
+ @navbarInverseBrandColor: @navbarInverseLinkColor;
215
+
216
+
217
+ // Pagination
218
+ // -------------------------
219
+ @paginationBackground: #fff;
220
+ @paginationBorder: #ddd;
221
+ @paginationActiveBackground: #f5f5f5;
222
+
223
+
224
+ // Hero unit
225
+ // -------------------------
226
+ @heroUnitBackground: @grayLighter;
227
+ @heroUnitHeadingColor: inherit;
228
+ @heroUnitLeadColor: inherit;
229
+
230
+
231
+ // Form states and alerts
232
+ // -------------------------
233
+ @warningText: #c09853;
234
+ @warningBackground: #fcf8e3;
235
+ @warningBorder: darken(spin(@warningBackground, -10), 3%);
236
+
237
+ @errorText: #b94a48;
238
+ @errorBackground: #f2dede;
239
+ @errorBorder: darken(spin(@errorBackground, -10), 3%);
240
+
241
+ @successText: #468847;
242
+ @successBackground: #dff0d8;
243
+ @successBorder: darken(spin(@successBackground, -10), 5%);
244
+
245
+ @infoText: #3a87ad;
246
+ @infoBackground: #d9edf7;
247
+ @infoBorder: darken(spin(@infoBackground, -10), 7%);
248
+
249
+
250
+ // Tooltips and popovers
251
+ // -------------------------
252
+ @tooltipColor: #fff;
253
+ @tooltipBackground: #000;
254
+ @tooltipArrowWidth: 5px;
255
+ @tooltipArrowColor: @tooltipBackground;
256
+
257
+ @popoverBackground: #fff;
258
+ @popoverArrowWidth: 10px;
259
+ @popoverArrowColor: #fff;
260
+ @popoverTitleBackground: darken(@popoverBackground, 3%);
261
+
262
+ // Special enhancement for popovers
263
+ @popoverArrowOuterWidth: @popoverArrowWidth + 1;
264
+ @popoverArrowOuterColor: rgba(0,0,0,.25);
265
+
266
+
267
+
268
+ // GRID
269
+ // --------------------------------------------------
270
+
271
+
272
+ // Default 940px grid
273
+ // -------------------------
274
+ @gridColumns: 12;
275
+ @gridColumnWidth: 60px;
276
+ @gridGutterWidth: 20px;
277
+ @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
278
+
279
+ // 1200px min
280
+ @gridColumnWidth1200: 70px;
281
+ @gridGutterWidth1200: 30px;
282
+ @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
283
+
284
+ // 768px-979px
285
+ @gridColumnWidth768: 42px;
286
+ @gridGutterWidth768: 20px;
287
+ @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
288
+
289
+
290
+ // Fluid grid
291
+ // -------------------------
292
+ @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
293
+ @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
294
+
295
+ // 1200px min
296
+ @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
297
+ @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
298
+
299
+ // 768px-979px
300
+ @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
301
+ @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);