twitter-bootstrap-rails 2.0.1.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.


This version of twitter-bootstrap-rails might be problematic. Click here for more details.

Files changed (48) hide show
  1. data/README.md +20 -13
  2. data/lib/generators/bootstrap/install/install_generator.rb +12 -36
  3. data/lib/generators/bootstrap/install/templates/application.css +1 -0
  4. data/lib/generators/bootstrap/install/templates/bootstrap.less +6 -0
  5. data/lib/generators/bootstrap/layout/templates/layout.html.erb +4 -4
  6. data/lib/generators/bootstrap/layout/templates/layout.html.haml +4 -4
  7. data/lib/generators/bootstrap/layout/templates/layout.html.slim +4 -4
  8. data/lib/generators/bootstrap/themed/templates/_form.html.erb +3 -4
  9. data/lib/generators/bootstrap/themed/templates/edit.html.erb +2 -1
  10. data/lib/generators/bootstrap/themed/templates/index.html.erb +26 -25
  11. data/lib/generators/bootstrap/themed/templates/show.html.erb +3 -3
  12. data/lib/twitter/bootstrap/rails/version.rb +1 -1
  13. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +5 -8
  14. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +3 -3
  15. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +2 -5
  16. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +2 -2
  17. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +2 -2
  18. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +5 -6
  19. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +2 -2
  20. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +2 -2
  21. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +2 -2
  22. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +2 -2
  23. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +3 -3
  24. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +2 -2
  25. data/vendor/assets/stylesheets/twitter/bootstrap.css.less +1 -0
  26. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +1 -1
  27. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +1 -1
  28. data/vendor/toolkit/twitter/bootstrap/button-groups.less +2 -4
  29. data/vendor/toolkit/twitter/bootstrap/buttons.less +7 -25
  30. data/vendor/toolkit/twitter/bootstrap/code.less +0 -13
  31. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +2 -1
  32. data/vendor/toolkit/twitter/bootstrap/forms.less +44 -51
  33. data/vendor/toolkit/twitter/bootstrap/labels.less +7 -23
  34. data/vendor/toolkit/twitter/bootstrap/mixins.less +25 -78
  35. data/vendor/toolkit/twitter/bootstrap/modals.less +0 -11
  36. data/vendor/toolkit/twitter/bootstrap/navbar.less +6 -13
  37. data/vendor/toolkit/twitter/bootstrap/navs.less +12 -21
  38. data/vendor/toolkit/twitter/bootstrap/reset.less +1 -1
  39. data/vendor/toolkit/twitter/bootstrap/responsive.less +6 -10
  40. data/vendor/toolkit/twitter/bootstrap/sprites.less +7 -9
  41. data/vendor/toolkit/twitter/bootstrap/tables.less +3 -14
  42. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +2 -2
  43. data/vendor/toolkit/twitter/bootstrap/type.less +2 -3
  44. data/vendor/toolkit/twitter/bootstrap/variables.less +7 -15
  45. data/vendor/toolkit/twitter/bootstrap.less +1 -0
  46. metadata +14 -13
  47. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +0 -13
  48. data/vendor/toolkit/twitter/bootstrap_base.less +0 -2
@@ -9,14 +9,12 @@
9
9
  .btn {
10
10
  display: inline-block;
11
11
  padding: 4px 10px 4px;
12
- margin-bottom: 0; // For input.btn
13
12
  font-size: @baseFontSize;
14
13
  line-height: @baseLineHeight;
15
14
  color: @grayDark;
16
15
  text-align: center;
17
16
  text-shadow: 0 1px 1px rgba(255,255,255,.75);
18
- vertical-align: middle;
19
- .buttonBackground(@white, darken(@white, 10%));
17
+ #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient
20
18
  border: 1px solid #ccc;
21
19
  border-bottom-color: #bbb;
22
20
  .border-radius(4px);
@@ -25,7 +23,6 @@
25
23
  cursor: pointer;
26
24
 
27
25
  // Give IE7 some love
28
- .reset-filter();
29
26
  .ie7-restore-left-whitespace();
30
27
  }
31
28
 
@@ -54,6 +51,7 @@
54
51
  .box-shadow(@shadow);
55
52
  background-color: darken(@white, 10%);
56
53
  background-color: darken(@white, 15%) e("\9");
54
+ color: rgba(0,0,0,.5);
57
55
  outline: 0;
58
56
  }
59
57
 
@@ -78,7 +76,7 @@
78
76
  line-height: normal;
79
77
  .border-radius(5px);
80
78
  }
81
- .btn-large [class^="icon-"] {
79
+ .btn-large .icon {
82
80
  margin-top: 1px;
83
81
  }
84
82
 
@@ -88,17 +86,10 @@
88
86
  font-size: @baseFontSize - 2px;
89
87
  line-height: @baseLineHeight - 2px;
90
88
  }
91
- .btn-small [class^="icon-"] {
89
+ .btn-small .icon {
92
90
  margin-top: -1px;
93
91
  }
94
92
 
95
- // Mini
96
- .btn-mini {
97
- padding: 2px 6px;
98
- font-size: @baseFontSize - 2px;
99
- line-height: @baseLineHeight - 4px;
100
- }
101
-
102
93
 
103
94
  // Alternate buttons
104
95
  // --------------------------------------------------
@@ -114,9 +105,7 @@
114
105
  .btn-success,
115
106
  .btn-success:hover,
116
107
  .btn-info,
117
- .btn-info:hover,
118
- .btn-inverse,
119
- .btn-inverse:hover {
108
+ .btn-info:hover {
120
109
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
121
110
  color: @white;
122
111
  }
@@ -125,8 +114,7 @@
125
114
  .btn-warning.active,
126
115
  .btn-danger.active,
127
116
  .btn-success.active,
128
- .btn-info.active,
129
- .btn-dark.active {
117
+ .btn-info.active {
130
118
  color: rgba(255,255,255,.75);
131
119
  }
132
120
 
@@ -151,10 +139,6 @@
151
139
  .btn-info {
152
140
  .buttonBackground(#5bc0de, #2f96b4);
153
141
  }
154
- // Inverse appears as dark gray
155
- .btn-inverse {
156
- .buttonBackground(#454545, #262626);
157
- }
158
142
 
159
143
 
160
144
  // Cross-browser Jank
@@ -162,10 +146,8 @@
162
146
 
163
147
  button.btn,
164
148
  input[type="submit"].btn {
165
-
166
- // Firefox 3.6 only I believe
167
149
  &::-moz-focus-inner {
168
- padding: 0;
150
+ padding: 0;
169
151
  border: 0;
170
152
  }
171
153
 
@@ -11,16 +11,12 @@ pre {
11
11
  color: @grayDark;
12
12
  .border-radius(3px);
13
13
  }
14
-
15
- // Inline code
16
14
  code {
17
15
  padding: 3px 4px;
18
16
  color: #d14;
19
17
  background-color: #f7f7f9;
20
18
  border: 1px solid #e1e1e8;
21
19
  }
22
-
23
- // Blocks of code
24
20
  pre {
25
21
  display: block;
26
22
  padding: (@baseLineHeight - 1) / 2;
@@ -34,7 +30,6 @@ pre {
34
30
  white-space: pre;
35
31
  white-space: pre-wrap;
36
32
  word-break: break-all;
37
- word-wrap: break-word;
38
33
 
39
34
  // Make prettyprint styles more spaced out for readability
40
35
  &.prettyprint {
@@ -44,14 +39,6 @@ pre {
44
39
  // Account for some code outputs that place code tags in pre tags
45
40
  code {
46
41
  padding: 0;
47
- color: inherit;
48
42
  background-color: transparent;
49
- border: 0;
50
43
  }
51
44
  }
52
-
53
- // Enable scrollable blocks of code
54
- .pre-scrollable {
55
- max-height: 340px;
56
- overflow-y: scroll;
57
- }
@@ -46,6 +46,7 @@
46
46
  float: left;
47
47
  display: none; // none by default, but block on "open" of the menu
48
48
  min-width: 160px;
49
+ max-width: 220px;
49
50
  _width: 160px;
50
51
  padding: 4px 0;
51
52
  margin: 0; // override default ul
@@ -92,7 +93,7 @@
92
93
  padding: 3px 15px;
93
94
  clear: both;
94
95
  font-weight: normal;
95
- line-height: @baseLineHeight;
96
+ line-height: 18px;
96
97
  color: @gray;
97
98
  white-space: nowrap;
98
99
  }
@@ -28,12 +28,6 @@ legend {
28
28
  color: @grayDark;
29
29
  border: 0;
30
30
  border-bottom: 1px solid #eee;
31
-
32
- // Small
33
- small {
34
- font-size: @baseLineHeight * .75;
35
- color: @grayLight;
36
- }
37
31
  }
38
32
 
39
33
  // Set font for forms
@@ -42,13 +36,7 @@ input,
42
36
  button,
43
37
  select,
44
38
  textarea {
45
- #font > .shorthand(@baseFontSize,normal,@baseLineHeight); // Set size, weight, line-height here
46
- }
47
- input,
48
- button,
49
- select,
50
- textarea {
51
- #font > #family > .sans-serif(); // And only set font-family here for those that need it (note the missing label element)
39
+ #font > .sans-serif(@baseFontSize,normal,@baseLineHeight);
52
40
  }
53
41
 
54
42
  // Identify controls by their labels
@@ -96,17 +84,13 @@ input[type="radio"] {
96
84
  margin: 3px 0;
97
85
  *margin-top: 0; /* IE7 */
98
86
  line-height: normal;
99
- cursor: pointer;
100
- .border-radius(0);
101
- border: 0 \9; /* IE9 and down */
102
- }
103
- input[type="image"] {
104
87
  border: 0;
88
+ cursor: pointer;
89
+ .border-radius(0px); /* mirror bootstrap commit 9b9e1d3 reversing IE9 hack and use mixin instead */
105
90
  }
106
91
 
107
92
  // Reset the file input to browser defaults
108
93
  input[type="file"] {
109
- width: auto;
110
94
  padding: initial;
111
95
  line-height: initial;
112
96
  border: initial;
@@ -131,11 +115,6 @@ input[type="file"] {
131
115
  line-height: 28px;
132
116
  }
133
117
 
134
- // Reset line-height for IE
135
- input[type="file"] {
136
- line-height: 18px \9;
137
- }
138
-
139
118
  // Chrome on Linux and Mobile Safari need background-color
140
119
  select {
141
120
  width: 220px; // default input width + 10px of padding that doesn't get applied
@@ -186,11 +165,9 @@ input[type="hidden"] {
186
165
  }
187
166
 
188
167
  // Radios and checkboxes on same line
189
- // TODO v3: Convert .inline to .control-inline
190
168
  .radio.inline,
191
169
  .checkbox.inline {
192
170
  display: inline-block;
193
- padding-top: 5px;
194
171
  margin-bottom: 0;
195
172
  vertical-align: middle;
196
173
  }
@@ -198,6 +175,11 @@ input[type="hidden"] {
198
175
  .checkbox.inline + .checkbox.inline {
199
176
  margin-left: 10px; // space out consecutive inline controls
200
177
  }
178
+ // But don't forget to remove their padding on first-child
179
+ .controls > .radio.inline:first-child,
180
+ .controls > .checkbox.inline:first-child {
181
+ padding-top: 0;
182
+ }
201
183
 
202
184
 
203
185
 
@@ -216,10 +198,9 @@ textarea:focus {
216
198
  @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
217
199
  .box-shadow(@shadow);
218
200
  outline: 0;
219
- outline: thin dotted \9; /* IE6-9 */
201
+ outline: thin dotted \9; /* IE6-8 */
220
202
  }
221
203
  input[type="file"]:focus,
222
- input[type="radio"]:focus,
223
204
  input[type="checkbox"]:focus,
224
205
  select:focus {
225
206
  .box-shadow(none); // override for file inputs
@@ -279,6 +260,33 @@ textarea[readonly] {
279
260
  // FORM FIELD FEEDBACK STATES
280
261
  // --------------------------
281
262
 
263
+ // Mixin for form field states
264
+ .formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
265
+ // Set the text color
266
+ > label,
267
+ .help-block,
268
+ .help-inline {
269
+ color: @textColor;
270
+ }
271
+ // Style inputs accordingly
272
+ input,
273
+ select,
274
+ textarea {
275
+ color: @textColor;
276
+ border-color: @borderColor;
277
+ &:focus {
278
+ border-color: darken(@borderColor, 10%);
279
+ .box-shadow(0 0 6px lighten(@borderColor, 20%));
280
+ }
281
+ }
282
+ // Give a small background color for input-prepend/-append
283
+ .input-prepend .add-on,
284
+ .input-append .add-on {
285
+ color: @textColor;
286
+ background-color: @backgroundColor;
287
+ border-color: @textColor;
288
+ }
289
+ }
282
290
  // Warning
283
291
  .control-group.warning {
284
292
  .formFieldState(@warningText, @warningText, @warningBackground);
@@ -301,7 +309,7 @@ select:focus:required:invalid {
301
309
  border-color: #ee5f5b;
302
310
  &:focus {
303
311
  border-color: darken(#ee5f5b, 10%);
304
- .box-shadow(0 0 6px lighten(#ee5f5b, 20%));
312
+ .box-shadow(0 0 6px lighten(#ee5f5b, 20%));
305
313
  }
306
314
  }
307
315
 
@@ -336,7 +344,6 @@ select:focus:required:invalid {
336
344
  // ---------
337
345
 
338
346
  .help-block {
339
- display: block; // account for any element using help-block
340
347
  margin-top: 5px;
341
348
  margin-bottom: 0;
342
349
  color: @grayLight;
@@ -405,8 +412,7 @@ select:focus:required:invalid {
405
412
  .border-radius(3px 0 0 3px);
406
413
  }
407
414
  .uneditable-input {
408
- border-left-color: #eee;
409
- border-right-color: #ccc;
415
+ border-right-color: #ccc;
410
416
  }
411
417
  .add-on {
412
418
  margin-right: 0;
@@ -455,10 +461,6 @@ select:focus:required:invalid {
455
461
  display: inline-block;
456
462
  margin-bottom: 0;
457
463
  }
458
- // Re-hide hidden elements due to specifity
459
- .hide {
460
- display: none;
461
- }
462
464
  }
463
465
  .form-search label,
464
466
  .form-inline label,
@@ -475,37 +477,28 @@ select:focus:required:invalid {
475
477
  .form-inline .input-prepend .add-on {
476
478
  vertical-align: middle;
477
479
  }
478
- // Inline checkbox/radio labels
479
- .form-search .radio,
480
- .form-inline .radio,
481
- .form-search .checkbox,
482
- .form-inline .checkbox {
483
- margin-bottom: 0;
484
- vertical-align: middle;
485
- }
486
480
 
487
481
  // Margin to space out fieldsets
488
482
  .control-group {
489
483
  margin-bottom: @baseLineHeight / 2;
490
484
  }
491
485
 
492
- // Legend collapses margin, so next element is responsible for spacing
493
- legend + .control-group {
494
- margin-top: @baseLineHeight;
495
- -webkit-margin-top-collapse: separate;
496
- }
497
-
498
486
  // Horizontal-specific styles
499
487
  // --------------------------
500
488
 
501
489
  .form-horizontal {
490
+ // Legend collapses margin, so we're relegated to padding
491
+ legend + .control-group {
492
+ margin-top: @baseLineHeight;
493
+ -webkit-margin-top-collapse: separate;
494
+ }
502
495
  // Increase spacing between groups
503
496
  .control-group {
504
497
  margin-bottom: @baseLineHeight;
505
498
  .clearfix();
506
499
  }
507
500
  // Float the labels left
508
- .control-label {
501
+ .control-group > label {
509
502
  float: left;
510
503
  width: 140px;
511
504
  padding-top: 5px;
@@ -1,32 +1,16 @@
1
1
  // LABELS
2
2
  // ------
3
3
 
4
- // Base
5
4
  .label {
6
- padding: 2px 4px 3px;
7
- font-size: @baseFontSize * .85;
5
+ padding: 1px 3px 2px;
6
+ font-size: @baseFontSize * .75;
8
7
  font-weight: bold;
9
8
  color: @white;
10
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
9
+ text-transform: uppercase;
11
10
  background-color: @grayLight;
12
11
  .border-radius(3px);
13
12
  }
14
-
15
- // Hover state
16
- .label:hover {
17
- color: @white;
18
- text-decoration: none;
19
- }
20
-
21
- // Colors
22
- .label-important { background-color: @errorText; }
23
- .label-important:hover { background-color: darken(@errorText, 10%); }
24
-
25
- .label-warning { background-color: @orange; }
26
- .label-warning:hover { background-color: darken(@orange, 10%); }
27
-
28
- .label-success { background-color: @successText; }
29
- .label-success:hover { background-color: darken(@successText, 10%); }
30
-
31
- .label-info { background-color: @infoText; }
32
- .label-info:hover { background-color: darken(@infoText, 10%); }
13
+ .label-important { background-color: @errorText; }
14
+ .label-warning { background-color: @orange; }
15
+ .label-success { background-color: @successText; }
16
+ .label-info { background-color: @infoText; }
@@ -9,7 +9,7 @@
9
9
  // Clearfix
10
10
  // --------
11
11
  // For clearing floats like a boss h5bp.com/q
12
- .clearfix {
12
+ .clearfix() {
13
13
  *zoom: 1;
14
14
  &:before,
15
15
  &:after {
@@ -25,7 +25,7 @@
25
25
  // ------------------
26
26
  .tab-focus() {
27
27
  // Default
28
- outline: thin dotted #333;
28
+ outline: thin dotted;
29
29
  // Webkit
30
30
  outline: 5px auto -webkit-focus-ring-color;
31
31
  outline-offset: -2px;
@@ -89,15 +89,6 @@
89
89
  }
90
90
  }
91
91
 
92
- // Text overflow
93
- // -------------------------
94
- // Requires inline-block or block for proper styling
95
- .text-overflow() {
96
- overflow: hidden;
97
- text-overflow: ellipsis;
98
- white-space: nowrap;
99
- }
100
-
101
92
 
102
93
 
103
94
  // FONTS
@@ -208,13 +199,13 @@
208
199
  // Setup the mixins to be used
209
200
  .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, @columns) {
210
201
  width: 1% * (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
211
- }
202
+ }
212
203
  .gridColumn(@fluidGridGutterWidth) {
213
204
  float: left;
214
205
  margin-left: @fluidGridGutterWidth;
215
206
  }
216
207
  // Take these values and mixins, and make 'em do their thang
217
- .generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth) {
208
+ .generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth) {
218
209
  // Row surrounds the columns
219
210
  .row-fluid {
220
211
  width: 100%;
@@ -228,22 +219,24 @@
228
219
  margin-left: 0;
229
220
  }
230
221
  // Default columns
231
- > .span1 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 1); }
232
- > .span2 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 2); }
233
- > .span3 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 3); }
234
- > .span4 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 4); }
235
- > .span5 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 5); }
236
- > .span6 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 6); }
237
- > .span7 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 7); }
238
- > .span8 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 8); }
239
- > .span9 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 9); }
240
- > .span10 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 10); }
241
- > .span11 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 11); }
242
- > .span12 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 12); }
222
+ .span1 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 1); }
223
+ .span2 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 2); }
224
+ .span3 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 3); }
225
+ .span4 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 4); }
226
+ .span5 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 5); }
227
+ .span6 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 6); }
228
+ .span7 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 7); }
229
+ .span8 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 8); }
230
+ .span9 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 9); }
231
+ .span10 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 10); }
232
+ .span11 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 11); }
233
+ .span12 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 12); }
243
234
  }
244
235
  }
245
236
  }
246
237
 
238
+
239
+
247
240
  // Input grid system
248
241
  // -------------------------
249
242
  #inputGridSystem {
@@ -270,52 +263,6 @@
270
263
  }
271
264
  }
272
265
 
273
- // Make a Grid
274
- // -------------------------
275
- // Use .makeRow and .makeColumn to assign semantic layouts grid system behavior
276
- .makeRow() {
277
- margin-left: @gridGutterWidth * -1;
278
- .clearfix();
279
- }
280
- .makeColumn(@columns: 1) {
281
- float: left;
282
- margin-left: @gridGutterWidth;
283
- width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
284
- }
285
-
286
-
287
-
288
- // Form field states (used in forms.less)
289
- // --------------------------------------------------
290
-
291
- // Mixin for form field states
292
- .formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
293
- // Set the text color
294
- > label,
295
- .help-block,
296
- .help-inline {
297
- color: @textColor;
298
- }
299
- // Style inputs accordingly
300
- input,
301
- select,
302
- textarea {
303
- color: @textColor;
304
- border-color: @borderColor;
305
- &:focus {
306
- border-color: darken(@borderColor, 10%);
307
- .box-shadow(0 0 6px lighten(@borderColor, 20%));
308
- }
309
- }
310
- // Give a small background color for input-prepend/-append
311
- .input-prepend .add-on,
312
- .input-append .add-on {
313
- color: @textColor;
314
- background-color: @backgroundColor;
315
- border-color: @textColor;
316
- }
317
- }
318
-
319
266
 
320
267
 
321
268
  // CSS3 PROPERTIES
@@ -366,6 +313,13 @@
366
313
  -o-transform: translate(@x, @y);
367
314
  transform: translate(@x, @y);
368
315
  }
316
+ .skew(@x: 0, @y: 0) {
317
+ -webkit-transform: translate(@x, @y);
318
+ -moz-transform: translate(@x, @y);
319
+ -ms-transform: translate(@x, @y);
320
+ -o-transform: translate(@x, @y);
321
+ transform: translate(@x, @y);
322
+ }
369
323
  .skew(@x: 0, @y: 0) {
370
324
  -webkit-transform: skew(@x, @y);
371
325
  -moz-transform: skew(@x, @y);
@@ -373,13 +327,6 @@
373
327
  -o-transform: skew(@x, @y);
374
328
  transform: skew(@x, @y);
375
329
  }
376
- .translate3d(@x: 0, @y: 0, @z: 0) {
377
- -webkit-transform: translate(@x, @y, @z);
378
- -moz-transform: translate(@x, @y, @z);
379
- -ms-transform: translate(@x, @y, @z);
380
- -o-transform: translate(@x, @y, @z);
381
- transform: translate(@x, @y, @z);
382
- }
383
330
 
384
331
  // Background clipping
385
332
  // Heads up: FF 3.6 and under need "padding" instead of "padding-box"
@@ -1,7 +1,6 @@
1
1
  // MODALS
2
2
  // ------
3
3
 
4
- // Recalculate z-index where appropriate
5
4
  .modal-open {
6
5
  .dropdown-menu { z-index: @zindexDropdown + @zindexModal; }
7
6
  .dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
@@ -9,7 +8,6 @@
9
8
  .tooltip { z-index: @zindexTooltip + @zindexModal; }
10
9
  }
11
10
 
12
- // Background
13
11
  .modal-backdrop {
14
12
  position: fixed;
15
13
  top: 0;
@@ -27,7 +25,6 @@
27
25
  .opacity(80);
28
26
  }
29
27
 
30
- // Base modal
31
28
  .modal {
32
29
  position: fixed;
33
30
  top: 50%;
@@ -56,17 +53,9 @@
56
53
  // Close icon
57
54
  .close { margin-top: 2px; }
58
55
  }
59
-
60
- // Body (where all modal content resises)
61
56
  .modal-body {
62
57
  padding: 15px;
63
58
  }
64
- // Remove bottom margin if need be
65
- .modal-body .modal-form {
66
- margin-bottom: 0;
67
- }
68
-
69
- // Footer (for actions)
70
59
  .modal-footer {
71
60
  padding: 14px 15px 15px;
72
61
  margin-bottom: 0;
@@ -81,7 +81,7 @@
81
81
  margin-top: 5px; // make buttons vertically centered in navbar
82
82
  }
83
83
  .btn-group .btn {
84
- margin-top: 0; // then undo the margin here so we don't accidentally double it
84
+ margin-top: 0;
85
85
  }
86
86
  }
87
87
 
@@ -104,14 +104,6 @@
104
104
  input[type="radio"] {
105
105
  margin-top: 3px;
106
106
  }
107
- .input-append,
108
- .input-prepend {
109
- margin-top: 6px;
110
- white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left
111
- input {
112
- margin-top: 0; // remove the margin on top since it's on the parent
113
- }
114
- }
115
107
  }
116
108
 
117
109
  // Navbar search
@@ -141,7 +133,7 @@
141
133
  background-color: @grayLight;
142
134
  background-color: rgba(255,255,255,.5);
143
135
  }
144
- // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
136
+ // Focus states (we use .focused since IE8 and down doesn't support :focus)
145
137
  &:focus,
146
138
  &.focused {
147
139
  padding: 5px 10px;
@@ -169,7 +161,7 @@
169
161
  .navbar-fixed-top .navbar-inner {
170
162
  padding-left: 0;
171
163
  padding-right: 0;
172
- .border-radius(0);
164
+ .border-radius(0px);
173
165
  }
174
166
 
175
167
 
@@ -202,7 +194,7 @@
202
194
  }
203
195
  // Hover
204
196
  .navbar .nav > li > a:hover {
205
- background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from .active
197
+ background-color: transparent;
206
198
  color: @navbarLinkColorHover;
207
199
  text-decoration: none;
208
200
  }
@@ -213,6 +205,7 @@
213
205
  color: @navbarLinkColorHover;
214
206
  text-decoration: none;
215
207
  background-color: @navbarBackground;
208
+ background-color: rgba(0,0,0,.5);
216
209
  }
217
210
 
218
211
  // Dividers (basically a vertical hr)
@@ -296,4 +289,4 @@
296
289
  left: auto;
297
290
  right: 13px;
298
291
  }
299
- }
292
+ }