anjlab-bootstrap-rails 2.0.4.4 → 2.1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. data/README.md +21 -20
  2. data/Rakefile +39 -26
  3. data/lib/bootstrap-rails/engine.rb +3 -0
  4. data/lib/bootstrap-rails/version.rb +1 -1
  5. data/vendor/assets/images/{glyphicons-halflings-white.png → twitter/glyphicons-halflings-white.png} +0 -0
  6. data/vendor/assets/images/twitter/glyphicons-halflings.png +0 -0
  7. data/vendor/assets/javascripts/twitter/bootstrap.js +13 -0
  8. data/vendor/assets/javascripts/twitter/bootstrap/affix.js +104 -0
  9. data/vendor/assets/javascripts/{bootstrap-alert.js → twitter/bootstrap/alert.js} +1 -1
  10. data/vendor/assets/javascripts/{bootstrap-button.js → twitter/bootstrap/button.js} +1 -1
  11. data/vendor/assets/javascripts/{bootstrap-carousel.js → twitter/bootstrap/carousel.js} +12 -5
  12. data/vendor/assets/javascripts/{bootstrap-collapse.js → twitter/bootstrap/collapse.js} +4 -3
  13. data/vendor/assets/javascripts/{bootstrap-dropdown.js → twitter/bootstrap/dropdown.js} +66 -16
  14. data/vendor/assets/javascripts/{bootstrap-modal.js → twitter/bootstrap/modal.js} +95 -74
  15. data/vendor/assets/javascripts/{bootstrap-popover.js → twitter/bootstrap/popover.js} +9 -4
  16. data/vendor/assets/javascripts/{bootstrap-scrollspy.js → twitter/bootstrap/scrollspy.js} +9 -9
  17. data/vendor/assets/javascripts/{bootstrap-tab.js → twitter/bootstrap/tab.js} +2 -2
  18. data/vendor/assets/javascripts/{bootstrap-tooltip.js → twitter/bootstrap/tooltip.js} +15 -15
  19. data/vendor/assets/javascripts/{bootstrap-transition.js → twitter/bootstrap/transition.js} +2 -3
  20. data/vendor/assets/javascripts/{bootstrap-typeahead.js → twitter/bootstrap/typeahead.js} +50 -35
  21. data/vendor/assets/stylesheets/twitter/bootstrap-responsive.scss +1 -0
  22. data/vendor/assets/stylesheets/twitter/bootstrap.scss +1 -0
  23. data/vendor/frameworks/twitter/bootstrap.scss +1 -0
  24. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/accordion.scss +3 -2
  25. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/alerts.scss +15 -8
  26. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/bootstrap.scss +1 -1
  27. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/breadcrumbs.scss +10 -10
  28. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/button-groups.scss +76 -23
  29. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/buttons.scss +76 -56
  30. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/carousel.scss +13 -3
  31. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/close.scss +4 -2
  32. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/code.scss +6 -5
  33. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/component-animations.scss +5 -2
  34. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/dropdowns.scss +81 -14
  35. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/forms.scss +99 -46
  36. data/vendor/frameworks/twitter/bootstrap/grid.scss +21 -0
  37. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/hero-unit.scss +4 -2
  38. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/labels-badges.scss +19 -2
  39. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/layouts.scss +1 -2
  40. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/mixins.scss +105 -81
  41. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/modals.scss +9 -2
  42. data/vendor/frameworks/twitter/bootstrap/navbar.scss +468 -0
  43. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/navs.scss +38 -17
  44. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/pager.scss +5 -4
  45. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/pagination.scss +16 -8
  46. data/vendor/frameworks/twitter/bootstrap/popovers.scss +117 -0
  47. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/progress-bars.scss +18 -13
  48. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/reset.scss +6 -3
  49. data/vendor/frameworks/twitter/bootstrap/responsive-1200px-min.scss +28 -0
  50. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-767px-max.scss +83 -69
  51. data/vendor/frameworks/twitter/bootstrap/responsive-768px-979px.scss +19 -0
  52. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-navbar.scss +17 -4
  53. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-utilities.scss +17 -15
  54. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive.scss +5 -5
  55. data/vendor/frameworks/twitter/bootstrap/scaffolding.scss +51 -0
  56. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/sprites.scss +17 -20
  57. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/tables.scss +60 -15
  58. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/thumbnails.scss +9 -4
  59. data/vendor/frameworks/twitter/bootstrap/tooltip.scss +70 -0
  60. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/type.scss +56 -83
  61. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/utilities.scss +9 -2
  62. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/variables.scss +109 -36
  63. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/wells.scss +7 -5
  64. metadata +63 -59
  65. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  66. data/vendor/assets/javascripts/bootstrap.js +0 -12
  67. data/vendor/assets/stylesheets/grid.scss +0 -5
  68. data/vendor/assets/stylesheets/navbar.scss +0 -358
  69. data/vendor/assets/stylesheets/popovers.scss +0 -49
  70. data/vendor/assets/stylesheets/responsive-1200px-min.scss +0 -26
  71. data/vendor/assets/stylesheets/responsive-768px-979px.scss +0 -17
  72. data/vendor/assets/stylesheets/scaffolding.scss +0 -29
  73. data/vendor/assets/stylesheets/tooltip.scss +0 -35
@@ -1,5 +1,7 @@
1
- // CAROUSEL
2
- // --------
1
+ //
2
+ // Carousel
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  .carousel {
5
7
  position: relative;
@@ -103,6 +105,7 @@
103
105
  }
104
106
  }
105
107
 
108
+
106
109
  // Caption for text below images
107
110
  // -----------------------------
108
111
 
@@ -111,11 +114,18 @@
111
114
  left: 0;
112
115
  right: 0;
113
116
  bottom: 0;
114
- padding: 10px 15px 5px;
117
+ padding: 15px;
115
118
  background: $grayDark;
116
119
  background: rgba(0,0,0,.75);
117
120
  }
118
121
  .carousel-caption h4,
119
122
  .carousel-caption p {
120
123
  color: $white;
124
+ line-height: $baseLineHeight;
125
+ }
126
+ .carousel-caption h4 {
127
+ margin: 0 0 5px;
128
+ }
129
+ .carousel-caption p {
130
+ margin-bottom: 0;
121
131
  }
@@ -1,5 +1,7 @@
1
- // CLOSE ICONS
2
- // -----------
1
+ //
2
+ // Close icons
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  .close {
5
7
  float: right;
@@ -1,13 +1,14 @@
1
- // Code.less
2
- // Code typography styles for the <code> and <pre> elements
3
- // --------------------------------------------------------
1
+ //
2
+ // Code (inline and blocK)
3
+ // --------------------------------------------------
4
+
4
5
 
5
6
  // Inline and block code styles
6
7
  code,
7
8
  pre {
8
9
  padding: 0 3px 2px;
9
10
  @include font-family-monospace;
10
- font-size: $baseFontSize - 1;
11
+ font-size: $baseFontSize - 2;
11
12
  color: $grayDark;
12
13
  @include border-radius(3px);
13
14
  }
@@ -25,7 +26,7 @@ pre {
25
26
  display: block;
26
27
  padding: ($baseLineHeight - 1) / 2;
27
28
  margin: 0 0 $baseLineHeight / 2;
28
- font-size: $baseFontSize * .925; // 13px to 12px
29
+ font-size: $baseFontSize - 1; // 14px to 13px
29
30
  line-height: $baseLineHeight;
30
31
  word-break: break-all;
31
32
  word-wrap: break-word;
@@ -1,5 +1,7 @@
1
- // COMPONENT ANIMATIONS
2
- // --------------------
1
+ //
2
+ // Component animations
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  .fade {
5
7
  opacity: 0;
@@ -13,6 +15,7 @@
13
15
  position: relative;
14
16
  height: 0;
15
17
  overflow: hidden;
18
+ overflow: visible \9;
16
19
  @include transition(height .35s ease);
17
20
  &.in {
18
21
  height: auto;
@@ -1,5 +1,7 @@
1
- // DROPDOWN MENUS
2
- // --------------
1
+ //
2
+ // Dropdown menus
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
5
7
  .dropup,
@@ -26,7 +28,6 @@
26
28
  border-right: 4px solid transparent;
27
29
  border-left: 4px solid transparent;
28
30
  content: "";
29
- @include opacity(30);
30
31
  }
31
32
 
32
33
  // Place the caret
@@ -34,10 +35,6 @@
34
35
  margin-top: 8px;
35
36
  margin-left: 2px;
36
37
  }
37
- .dropdown:hover .caret,
38
- .open .caret {
39
- @include opacity(100);
40
- }
41
38
 
42
39
  // The dropdown menu (ul)
43
40
  // ----------------------
@@ -49,15 +46,15 @@
49
46
  display: none; // none by default, but block on "open" of the menu
50
47
  float: left;
51
48
  min-width: 160px;
52
- padding: 4px 0;
53
- margin: 1px 0 0; // override default ul
49
+ padding: 5px 0;
50
+ margin: 2px 0 0; // override default ul
54
51
  list-style: none;
55
52
  background-color: $dropdownBackground;
56
- border: 1px solid #ccc;
57
- border: 1px solid rgba(0,0,0,.2);
53
+ border: 1px solid #ccc; // Fallback for IE7-8
54
+ border: 1px solid $dropdownBorder;
58
55
  *border-right-width: 2px;
59
56
  *border-bottom-width: 2px;
60
- @include border-radius(5px);
57
+ @include border-radius(6px);
61
58
  @include box-shadow(0 5px 10px rgba(0,0,0,.2));
62
59
  -webkit-background-clip: padding-box;
63
60
  -moz-background-clip: padding;
@@ -77,7 +74,7 @@
77
74
  // Links within the dropdown menu
78
75
  a {
79
76
  display: block;
80
- padding: 3px 15px;
77
+ padding: 3px 20px;
81
78
  clear: both;
82
79
  font-weight: normal;
83
80
  line-height: $baseLineHeight;
@@ -89,11 +86,37 @@
89
86
  // Hover state
90
87
  // -----------
91
88
  .dropdown-menu li > a:hover,
89
+ .dropdown-menu li > a:focus,
90
+ .dropdown-submenu:hover > a {
91
+ text-decoration: none;
92
+ color: $dropdownLinkColorHover;
93
+ background-color: $dropdownLinkBackgroundHover;
94
+ @include gradient-vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%));
95
+ }
96
+
97
+ // Active state
98
+ // ------------
92
99
  .dropdown-menu .active > a,
93
100
  .dropdown-menu .active > a:hover {
94
101
  color: $dropdownLinkColorHover;
95
102
  text-decoration: none;
96
- background-color: $dropdownLinkBackgroundHover;
103
+ outline: 0;
104
+ background-color: $dropdownLinkBackgroundActive;
105
+ @include gradient-vertical($dropdownLinkBackgroundActive, darken($dropdownLinkBackgroundActive, 5%));
106
+ }
107
+
108
+ // Disabled state
109
+ // --------------
110
+ // Gray out text and ensure the hover state remains gray
111
+ .dropdown-menu .disabled > a,
112
+ .dropdown-menu .disabled > a:hover {
113
+ color: $grayLight;
114
+ }
115
+ // Nuke hover effects
116
+ .dropdown-menu .disabled > a:hover {
117
+ text-decoration: none;
118
+ background-color: transparent;
119
+ cursor: default;
97
120
  }
98
121
 
99
122
  // Open state for the dropdown
@@ -135,6 +158,50 @@
135
158
  }
136
159
  }
137
160
 
161
+ // Sub menus
162
+ // ---------------------------
163
+ .dropdown-submenu {
164
+ position: relative;
165
+ }
166
+ .dropdown-submenu > .dropdown-menu {
167
+ top: 0;
168
+ left: 100%;
169
+ margin-top: -6px;
170
+ margin-left: -1px;
171
+ -webkit-border-radius: 0 6px 6px 6px;
172
+ -moz-border-radius: 0 6px 6px 6px;
173
+ border-radius: 0 6px 6px 6px;
174
+ }
175
+ .dropdown-submenu:hover .dropdown-menu {
176
+ display: block;
177
+ }
178
+
179
+ .dropdown-submenu > a:after {
180
+ display: block;
181
+ content: " ";
182
+ float: right;
183
+ width: 0;
184
+ height: 0;
185
+ border-color: transparent;
186
+ border-style: solid;
187
+ border-width: 5px 0 5px 5px;
188
+ border-left-color: darken($dropdownBackground, 20%);
189
+ margin-top: 5px;
190
+ margin-right: -10px;
191
+ }
192
+ .dropdown-submenu:hover > a:after {
193
+ border-left-color: $dropdownLinkColorHover;
194
+ }
195
+
196
+
197
+ // Tweak nav headers
198
+ // -----------------
199
+ // Increase padding from 15px to 20px on sides
200
+ .dropdown .dropdown-menu .nav-header {
201
+ padding-left: 20px;
202
+ padding-right: 20px;
203
+ }
204
+
138
205
  // Typeahead
139
206
  // ---------
140
207
  .typeahead {
@@ -1,6 +1,6 @@
1
- // Forms.less
2
- // Base styles for various input types, form layouts, and states
3
- // -------------------------------------------------------------
1
+ //
2
+ // Forms
3
+ // --------------------------------------------------
4
4
 
5
5
 
6
6
  // GENERAL STYLES
@@ -22,7 +22,7 @@ legend {
22
22
  display: block;
23
23
  width: 100%;
24
24
  padding: 0;
25
- margin-bottom: $baseLineHeight * 1.5;
25
+ margin-bottom: $baseLineHeight;
26
26
  font-size: $baseFontSize * 1.5;
27
27
  line-height: $baseLineHeight * 2;
28
28
  color: $grayDark;
@@ -80,11 +80,12 @@ input[type="color"],
80
80
  .uneditable-input {
81
81
  display: inline-block;
82
82
  height: $baseLineHeight;
83
- padding: 4px;
83
+ padding: 4px 6px;
84
84
  margin-bottom: 9px;
85
85
  font-size: $baseFontSize;
86
86
  line-height: $baseLineHeight;
87
87
  color: $gray;
88
+ @include border-radius($inputBorderRadius);
88
89
  }
89
90
 
90
91
  // Reset appearance properties for textual inputs and textarea
@@ -116,7 +117,6 @@ input[type="color"],
116
117
  .uneditable-input {
117
118
  background-color: $inputBackground;
118
119
  border: 1px solid $inputBorder;
119
- @include border-radius($inputBorderRadius);
120
120
  @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
121
121
  @include transition((border linear .2s, box-shadow linear .2s));
122
122
 
@@ -132,13 +132,16 @@ input[type="color"],
132
132
  // Position radios and checkboxes better
133
133
  input[type="radio"],
134
134
  input[type="checkbox"] {
135
- margin: 3px 0;
135
+ margin: 4px 0 0;
136
136
  *margin-top: 0; /* IE7 */
137
+ margin-top: 1px \9; /* IE8-9 */
137
138
  line-height: normal;
138
139
  cursor: pointer;
139
140
  }
140
141
 
141
- // Reset width of input buttons, radios, checkboxes
142
+ // Reset width of input images, buttons, radios, checkboxes
143
+ input[type="file"],
144
+ input[type="image"],
142
145
  input[type="submit"],
143
146
  input[type="reset"],
144
147
  input[type="button"],
@@ -147,24 +150,19 @@ input[type="checkbox"] {
147
150
  width: auto; // Override of generic input selector
148
151
  }
149
152
 
150
- // Make uneditable textareas behave like a textarea
151
- .uneditable-textarea {
152
- width: auto;
153
- height: auto;
154
- }
155
-
156
153
  // Set the height of select and file controls to match text inputs
157
154
  select,
158
155
  input[type="file"] {
159
- height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
156
+ height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
160
157
  *margin-top: 4px; /* For IE7, add top margin to align select with labels */
161
- line-height: 28px;
158
+ line-height: 30px;
162
159
  }
163
160
 
164
161
  // Make select elements obey height by applying a border
165
162
  select {
166
163
  width: 220px; // default input width + 10px of padding that doesn't get applied
167
164
  border: 1px solid #bbb;
165
+ background-color: $inputBackground; // Chrome on Linux and Mobile Safari need background-color
168
166
  }
169
167
 
170
168
  // Make multiple select elements height not fixed
@@ -182,6 +180,41 @@ input[type="checkbox"]:focus {
182
180
  }
183
181
 
184
182
 
183
+ // Uneditable inputs
184
+ // -------------------------
185
+
186
+ // Make uneditable inputs look inactive
187
+ .uneditable-input,
188
+ .uneditable-textarea {
189
+ color: $grayLight;
190
+ background-color: darken($inputBackground, 1%);
191
+ border-color: $inputBorder;
192
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
193
+ cursor: not-allowed;
194
+ }
195
+
196
+ // For text that needs to appear as an input but should not be an input
197
+ .uneditable-input {
198
+ overflow: hidden; // prevent text from wrapping, but still cut it off like an input does
199
+ white-space: nowrap;
200
+ }
201
+
202
+ // Make uneditable textareas behave like a textarea
203
+ .uneditable-textarea {
204
+ width: auto;
205
+ height: auto;
206
+ }
207
+
208
+
209
+ // Placeholder
210
+ // -------------------------
211
+
212
+ // Placeholder text gets special styles; can't be bundled together though for some reason
213
+ input,
214
+ textarea {
215
+ @include placeholder();
216
+ }
217
+
185
218
 
186
219
  // CHECKBOXES & RADIOS
187
220
  // -------------------
@@ -249,6 +282,10 @@ textarea[class*="span"],
249
282
  .input-append .uneditable-input[class*="span"],
250
283
  .input-prepend input[class*="span"],
251
284
  .input-prepend .uneditable-input[class*="span"],
285
+ .row-fluid input[class*="span"],
286
+ .row-fluid select[class*="span"],
287
+ .row-fluid textarea[class*="span"],
288
+ .row-fluid .uneditable-input[class*="span"],
252
289
  .row-fluid .input-prepend [class*="span"],
253
290
  .row-fluid .input-append [class*="span"] {
254
291
  display: inline-block;
@@ -259,8 +296,18 @@ textarea[class*="span"],
259
296
  // GRID SIZING FOR INPUTS
260
297
  // ----------------------
261
298
 
299
+ // Grid sizes
262
300
  @include grid-input($gridColumnWidth, $gridGutterWidth);
263
301
 
302
+ // Control row for multiple inputs per line
303
+ .controls-row {
304
+ @include clearfix(); // Clear the float from controls
305
+ }
306
+ .controls-row [class*="span"] {
307
+ float: left; // Float to collapse white-space for proper grid alignment
308
+ }
309
+
310
+
264
311
 
265
312
 
266
313
  // DISABLED STATE
@@ -275,7 +322,6 @@ select[readonly],
275
322
  textarea[readonly] {
276
323
  cursor: not-allowed;
277
324
  background-color: $inputDisabledBackground;
278
- border-color: #ddd;
279
325
  }
280
326
  // Explicitly reset the colors here
281
327
  input[type="radio"][disabled],
@@ -331,19 +377,6 @@ select:focus:required:invalid {
331
377
  @include clearfix(); // Adding clearfix to allow for .pull-right button containers
332
378
  }
333
379
 
334
- // For text that needs to appear as an input but should not be an input
335
- .uneditable-input {
336
- overflow: hidden; // prevent text from wrapping, but still cut it off like an input does
337
- white-space: nowrap;
338
- cursor: not-allowed;
339
- background-color: $inputBackground;
340
- border-color: #eee;
341
- @include box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
342
- }
343
-
344
- // Placeholder text gets special styles; can't be bundled together though for some reason
345
- @include placeholder();
346
-
347
380
 
348
381
 
349
382
  // HELP TEXT
@@ -351,7 +384,7 @@ select:focus:required:invalid {
351
384
 
352
385
  .help-block,
353
386
  .help-inline {
354
- color: $gray; // lighten the text some for contrast
387
+ color: lighten($textColor, 15%); // lighten the text some for contrast
355
388
  }
356
389
 
357
390
  .help-block {
@@ -372,42 +405,44 @@ select:focus:required:invalid {
372
405
  // ------------
373
406
 
374
407
  // Allow us to put symbols and text within the input field for a cleaner look
375
- .input-prepend,
376
- .input-append {
408
+ .input-append,
409
+ .input-prepend {
377
410
  margin-bottom: 5px;
411
+ font-size: 0;
412
+ white-space: nowrap; // Prevent span and input from separating
413
+
378
414
  input,
379
415
  select,
380
416
  .uneditable-input {
381
417
  position: relative; // placed here by default so that on :focus we can place the input above the .add-on for full border and box-shadow goodness
382
418
  margin-bottom: 0; // prevent bottom margin from screwing up alignment in stacked forms
383
419
  *margin-left: 0;
384
- vertical-align: middle;
420
+ font-size: $baseFontSize;
421
+ vertical-align: top;
385
422
  @include border-radius(0 $inputBorderRadius $inputBorderRadius 0);
386
423
  // Make input on top when focused so blue border and shadow always show
387
424
  &:focus {
388
425
  z-index: 2;
389
426
  }
390
427
  }
391
- .uneditable-input {
392
- border-left-color: #ccc;
393
- }
394
428
  .add-on {
395
429
  display: inline-block;
396
430
  width: auto;
397
431
  height: $baseLineHeight;
398
432
  min-width: 16px;
399
433
  padding: 4px 5px;
434
+ font-size: $baseFontSize;
400
435
  font-weight: normal;
401
436
  line-height: $baseLineHeight;
402
437
  text-align: center;
403
438
  text-shadow: 0 1px 0 $white;
404
- vertical-align: middle;
405
439
  background-color: $grayLighter;
406
440
  border: 1px solid #ccc;
407
441
  }
408
442
  .add-on,
409
443
  .btn {
410
444
  margin-left: -1px;
445
+ vertical-align: top;
411
446
  @include border-radius(0);
412
447
  }
413
448
  .active {
@@ -431,10 +466,6 @@ select:focus:required:invalid {
431
466
  .uneditable-input {
432
467
  @include border-radius($inputBorderRadius 0 0 $inputBorderRadius);
433
468
  }
434
- .uneditable-input {
435
- border-right-color: #ccc;
436
- border-left-color: #eee;
437
- }
438
469
  .add-on:last-child,
439
470
  .btn:last-child {
440
471
  @include border-radius(0 $inputBorderRadius $inputBorderRadius 0);
@@ -464,17 +495,36 @@ select:focus:required:invalid {
464
495
  // SEARCH FORM
465
496
  // -----------
466
497
 
467
- .search-query {
498
+ input.search-query {
468
499
  padding-right: 14px;
469
500
  padding-right: 4px \9;
470
501
  padding-left: 14px;
471
502
  padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */
472
- margin-bottom: 0; // remove the default margin on all inputs
473
- @include border-radius(14px);
503
+ margin-bottom: 0; // Remove the default margin on all inputs
504
+ @include border-radius(15px);
505
+ }
506
+
507
+ /* Allow for input prepend/append in search forms */
508
+ .form-search .input-append .search-query,
509
+ .form-search .input-prepend .search-query {
510
+ @include border-radius(0); // Override due to specificity
511
+ }
512
+ .form-search .input-append .search-query {
513
+ @include border-radius(14px 0 0 14px)
514
+ }
515
+ .form-search .input-append .btn {
516
+ @include border-radius(0 14px 14px 0)
517
+ }
518
+ .form-search .input-prepend .search-query {
519
+ @include border-radius(0 14px 14px 0)
520
+ }
521
+ .form-search .input-prepend .btn {
522
+ @include border-radius(14px 0 0 14px)
474
523
  }
475
524
 
476
525
 
477
526
 
527
+
478
528
  // HORIZONTAL & VERTICAL FORMS
479
529
  // ---------------------------
480
530
 
@@ -494,6 +544,7 @@ select:focus:required:invalid {
494
544
  display: inline-block;
495
545
  @include ie7-inline-block();
496
546
  margin-bottom: 0;
547
+ vertical-align: middle;
497
548
  }
498
549
  // Re-hide hidden elements due to specifity
499
550
  .hide {
@@ -501,7 +552,9 @@ select:focus:required:invalid {
501
552
  }
502
553
  }
503
554
  .form-search label,
504
- .form-inline label {
555
+ .form-inline label,
556
+ .form-search .btn-group,
557
+ .form-inline .btn-group {
505
558
  display: inline-block;
506
559
  }
507
560
  // Remove margin for input-prepend/-append