twitter-bootswatch-rails 3.0.3.0 → 3.1.0.0

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.
Files changed (48) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/twitter/bootstrap/affix.js +34 -23
  3. data/app/assets/javascripts/twitter/bootstrap/alert.js +5 -15
  4. data/app/assets/javascripts/twitter/bootstrap/button.js +21 -29
  5. data/app/assets/javascripts/twitter/bootstrap/carousel.js +16 -28
  6. data/app/assets/javascripts/twitter/bootstrap/collapse.js +7 -16
  7. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +19 -26
  8. data/app/assets/javascripts/twitter/bootstrap/modal.js +25 -28
  9. data/app/assets/javascripts/twitter/bootstrap/popover.js +14 -21
  10. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +16 -21
  11. data/app/assets/javascripts/twitter/bootstrap/tab.js +7 -17
  12. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +52 -39
  13. data/app/assets/javascripts/twitter/bootstrap/transition.js +11 -19
  14. data/lib/generators/bootswatch/install/templates/loader.js.tt +1 -1
  15. data/lib/generators/bootswatch/install/templates/mixins.less.tt +130 -49
  16. data/lib/generators/bootswatch/install/templates/variables.less.tt +346 -161
  17. data/lib/twitter/bootswatch/rails/version.rb +1 -1
  18. data/vendor/toolkit/twitter/bootstrap/badges.less +4 -0
  19. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +4 -1
  20. data/vendor/toolkit/twitter/bootstrap/button-groups.less +10 -11
  21. data/vendor/toolkit/twitter/bootstrap/buttons.less +8 -8
  22. data/vendor/toolkit/twitter/bootstrap/code.less +10 -0
  23. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +28 -2
  24. data/vendor/toolkit/twitter/bootstrap/forms.less +82 -38
  25. data/vendor/toolkit/twitter/bootstrap/glyphicons.less +1 -5
  26. data/vendor/toolkit/twitter/bootstrap/grid.less +26 -5
  27. data/vendor/toolkit/twitter/bootstrap/input-groups.less +39 -18
  28. data/vendor/toolkit/twitter/bootstrap/jumbotron.less +3 -5
  29. data/vendor/toolkit/twitter/bootstrap/list-group.less +25 -3
  30. data/vendor/toolkit/twitter/bootstrap/mixins.less +130 -49
  31. data/vendor/toolkit/twitter/bootstrap/modals.less +16 -7
  32. data/vendor/toolkit/twitter/bootstrap/navbar.less +24 -20
  33. data/vendor/toolkit/twitter/bootstrap/navs.less +2 -2
  34. data/vendor/toolkit/twitter/bootstrap/normalize.less +139 -122
  35. data/vendor/toolkit/twitter/bootstrap/pager.less +5 -5
  36. data/vendor/toolkit/twitter/bootstrap/pagination.less +6 -3
  37. data/vendor/toolkit/twitter/bootstrap/panels.less +64 -16
  38. data/vendor/toolkit/twitter/bootstrap/print.less +0 -4
  39. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +13 -129
  40. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +17 -2
  41. data/vendor/toolkit/twitter/bootstrap/tables.less +3 -1
  42. data/vendor/toolkit/twitter/bootstrap/theme.less +1 -1
  43. data/vendor/toolkit/twitter/bootstrap/tooltip.less +1 -1
  44. data/vendor/toolkit/twitter/bootstrap/type.less +78 -63
  45. data/vendor/toolkit/twitter/bootstrap/variables.less +346 -161
  46. data/vendor/toolkit/twitter/bootstrap/wells.less +1 -1
  47. metadata +2 -3
  48. data/lib/generators/bootswatch/import/import_generator.rb +0 -49
@@ -1,7 +1,7 @@
1
1
  module Twitter
2
2
  module Bootswatch
3
3
  module Rails
4
- VERSION = '3.0.3.0'
4
+ VERSION = '3.1.0.0'
5
5
  end
6
6
  end
7
7
  end
@@ -28,6 +28,10 @@
28
28
  position: relative;
29
29
  top: -1px;
30
30
  }
31
+ .btn-xs & {
32
+ top: 0;
33
+ padding: 1px 5px;
34
+ }
31
35
  }
32
36
 
33
37
  // Hover state, but only for links
@@ -4,19 +4,22 @@
4
4
 
5
5
 
6
6
  .breadcrumb {
7
- padding: 8px 15px;
7
+ padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;
8
8
  margin-bottom: @line-height-computed;
9
9
  list-style: none;
10
10
  background-color: @breadcrumb-bg;
11
11
  border-radius: @border-radius-base;
12
+
12
13
  > li {
13
14
  display: inline-block;
15
+
14
16
  + li:before {
15
17
  content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
16
18
  padding: 0 5px;
17
19
  color: @breadcrumb-color;
18
20
  }
19
21
  }
22
+
20
23
  > .active {
21
24
  color: @breadcrumb-active-color;
22
25
  }
@@ -37,18 +37,17 @@
37
37
 
38
38
  // Optional: Group multiple button groups together for a toolbar
39
39
  .btn-toolbar {
40
- .clearfix();
40
+ margin-left: -5px; // Offset the first child's margin
41
+ &:extend(.clearfix all);
41
42
 
42
- .btn-group {
43
+ .btn-group,
44
+ .input-group {
43
45
  float: left;
44
46
  }
45
- // Space out series of button groups
46
47
  > .btn,
47
- > .btn-group {
48
- + .btn,
49
- + .btn-group {
50
- margin-left: 5px;
51
- }
48
+ > .btn-group,
49
+ > .input-group {
50
+ margin-left: 5px;
52
51
  }
53
52
  }
54
53
 
@@ -157,7 +156,7 @@
157
156
 
158
157
  // Clear floats so dropdown menus can be properly placed
159
158
  > .btn-group {
160
- .clearfix();
159
+ &:extend(.clearfix all);
161
160
  > .btn {
162
161
  float: none;
163
162
  }
@@ -188,13 +187,13 @@
188
187
  .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
189
188
  border-radius: 0;
190
189
  }
191
- .btn-group-vertical > .btn-group:first-child {
190
+ .btn-group-vertical > .btn-group:first-child:not(:last-child) {
192
191
  > .btn:last-child,
193
192
  > .dropdown-toggle {
194
193
  .border-bottom-radius(0);
195
194
  }
196
195
  }
197
- .btn-group-vertical > .btn-group:last-child > .btn:first-child {
196
+ .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
198
197
  .border-top-radius(0);
199
198
  }
200
199
 
@@ -56,14 +56,6 @@
56
56
  .btn-primary {
57
57
  .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
58
58
  }
59
- // Warning appears as orange
60
- .btn-warning {
61
- .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
62
- }
63
- // Danger and error appear as red
64
- .btn-danger {
65
- .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
66
- }
67
59
  // Success appears as green
68
60
  .btn-success {
69
61
  .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
@@ -72,6 +64,14 @@
72
64
  .btn-info {
73
65
  .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
74
66
  }
67
+ // Warning appears as orange
68
+ .btn-warning {
69
+ .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
70
+ }
71
+ // Danger and error appear as red
72
+ .btn-danger {
73
+ .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
74
+ }
75
75
 
76
76
 
77
77
  // Link buttons
@@ -21,6 +21,16 @@ code {
21
21
  border-radius: @border-radius-base;
22
22
  }
23
23
 
24
+ // User input typically entered via keyboard
25
+ kbd {
26
+ padding: 2px 4px;
27
+ font-size: 90%;
28
+ color: @kbd-color;
29
+ background-color: @kbd-bg;
30
+ border-radius: @border-radius-small;
31
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
32
+ }
33
+
24
34
  // Blocks of code
25
35
  pre {
26
36
  display: block;
@@ -46,6 +46,8 @@
46
46
  background-clip: padding-box;
47
47
 
48
48
  // Aligns the dropdown menu to right
49
+ //
50
+ // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
49
51
  &.pull-right {
50
52
  right: 0;
51
53
  left: auto;
@@ -126,6 +128,25 @@
126
128
  }
127
129
  }
128
130
 
131
+ // Menu positioning
132
+ //
133
+ // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
134
+ // menu with the parent.
135
+ .dropdown-menu-right {
136
+ left: auto; // Reset the default from `.dropdown-menu`
137
+ right: 0;
138
+ }
139
+ // With v3, we enabled auto-flipping if you have a dropdown within a right
140
+ // aligned nav component. To enable the undoing of that, we provide an override
141
+ // to restore the default dropdown menu alignment.
142
+ //
143
+ // This is only for left-aligning a dropdown menu within a `.navbar-right` or
144
+ // `.pull-right` nav component.
145
+ .dropdown-menu-left {
146
+ left: 0;
147
+ right: auto;
148
+ }
149
+
129
150
  // Dropdown section headers
130
151
  .dropdown-header {
131
152
  display: block;
@@ -142,7 +163,7 @@
142
163
  right: 0;
143
164
  bottom: 0;
144
165
  top: 0;
145
- z-index: @zindex-dropdown - 10;
166
+ z-index: (@zindex-dropdown - 10);
146
167
  }
147
168
 
148
169
  // Right aligned dropdowns
@@ -180,7 +201,12 @@
180
201
  @media (min-width: @grid-float-breakpoint) {
181
202
  .navbar-right {
182
203
  .dropdown-menu {
183
- .pull-right > .dropdown-menu();
204
+ .dropdown-menu-right();
205
+ }
206
+ // Necessary for overrides of the default right aligned menu.
207
+ // Will remove come v4 in all likelihood.
208
+ .dropdown-menu-left {
209
+ .dropdown-menu-left();
184
210
  }
185
211
  }
186
212
  }
@@ -11,6 +11,10 @@ fieldset {
11
11
  padding: 0;
12
12
  margin: 0;
13
13
  border: 0;
14
+ // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,
15
+ // so we reset that to ensure it behaves more like a standard block element.
16
+ // See https://github.com/twbs/bootstrap/issues/12359.
17
+ min-width: 0;
14
18
  }
15
19
 
16
20
  legend {
@@ -33,6 +37,10 @@ label {
33
37
 
34
38
 
35
39
  // Normalize form controls
40
+ //
41
+ // While most of our form styles require extra classes, some basic normalization
42
+ // is required to ensure optimum display with or without those classes to better
43
+ // address browser inconsistencies.
36
44
 
37
45
  // Override content-box in Normalize (* isn't specific enough)
38
46
  input[type="search"] {
@@ -47,41 +55,30 @@ input[type="checkbox"] {
47
55
  line-height: normal;
48
56
  }
49
57
 
50
- // Set the height of select and file controls to match text inputs
58
+ // Set the height of file controls to match text inputs
51
59
  input[type="file"] {
52
60
  display: block;
53
61
  }
54
62
 
63
+ // Make range inputs behave like textual form controls
64
+ input[type="range"] {
65
+ display: block;
66
+ width: 100%;
67
+ }
68
+
55
69
  // Make multiple select elements height not fixed
56
70
  select[multiple],
57
71
  select[size] {
58
72
  height: auto;
59
73
  }
60
74
 
61
- // Fix optgroup Firefox bug per https://github.com/twbs/bootstrap/issues/7611
62
- select optgroup {
63
- font-size: inherit;
64
- font-style: inherit;
65
- font-family: inherit;
66
- }
67
-
68
- // Focus for select, file, radio, and checkbox
75
+ // Focus for file, radio, and checkbox
69
76
  input[type="file"]:focus,
70
77
  input[type="radio"]:focus,
71
78
  input[type="checkbox"]:focus {
72
79
  .tab-focus();
73
80
  }
74
81
 
75
- // Fix for Chrome number input
76
- // Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button.
77
- // See https://github.com/twbs/bootstrap/issues/8350 for more.
78
- input[type="number"] {
79
- &::-webkit-outer-spin-button,
80
- &::-webkit-inner-spin-button {
81
- height: auto;
82
- }
83
- }
84
-
85
82
  // Adjust output element
86
83
  output {
87
84
  display: block;
@@ -89,7 +86,6 @@ output {
89
86
  font-size: @font-size-base;
90
87
  line-height: @line-height-base;
91
88
  color: @input-color;
92
- vertical-align: middle;
93
89
  }
94
90
 
95
91
 
@@ -123,7 +119,6 @@ output {
123
119
  font-size: @font-size-base;
124
120
  line-height: @line-height-base;
125
121
  color: @input-color;
126
- vertical-align: middle;
127
122
  background-color: @input-bg;
128
123
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
129
124
  border: 1px solid @input-border;
@@ -135,9 +130,6 @@ output {
135
130
  .form-control-focus();
136
131
 
137
132
  // Placeholder
138
- //
139
- // Placeholder text gets special styles because when browsers invalidate entire
140
- // lines if it doesn't understand a selector/
141
133
  .placeholder();
142
134
 
143
135
  // Disabled and read-only inputs
@@ -149,6 +141,7 @@ output {
149
141
  fieldset[disabled] & {
150
142
  cursor: not-allowed;
151
143
  background-color: @input-bg-disabled;
144
+ opacity: 1; // iOS fix for unreadable disabled content
152
145
  }
153
146
 
154
147
  // Reset height for `textarea`s
@@ -157,6 +150,14 @@ output {
157
150
  }
158
151
  }
159
152
 
153
+ // Special styles for iOS date input
154
+ //
155
+ // In Mobile Safari, date inputs require a pixel line-height that matches the
156
+ // given height of the input.
157
+ input[type="date"] {
158
+ line-height: @input-height-base;
159
+ }
160
+
160
161
 
161
162
  // Form groups
162
163
  //
@@ -179,10 +180,8 @@ output {
179
180
  margin-top: 10px;
180
181
  margin-bottom: 10px;
181
182
  padding-left: 20px;
182
- vertical-align: middle;
183
183
  label {
184
184
  display: inline;
185
- margin-bottom: 0;
186
185
  font-weight: normal;
187
186
  cursor: pointer;
188
187
  }
@@ -230,7 +229,12 @@ input[type="checkbox"],
230
229
  }
231
230
  }
232
231
 
232
+
233
233
  // Form control sizing
234
+ //
235
+ // Build on `.form-control` with modifier classes to decrease or increase the
236
+ // height and font-size of form controls.
237
+
234
238
  .input-sm {
235
239
  .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
236
240
  }
@@ -244,18 +248,38 @@ input[type="checkbox"],
244
248
  //
245
249
  // Apply contextual and semantic states to individual form controls.
246
250
 
247
- // Warning
251
+ .has-feedback {
252
+ // Enable absolute positioning
253
+ position: relative;
254
+
255
+ // Ensure icons don't overlap text
256
+ .form-control {
257
+ padding-right: (@input-height-base * 1.25);
258
+ }
259
+
260
+ // Feedback icon (requires .glyphicon classes)
261
+ .form-control-feedback {
262
+ position: absolute;
263
+ top: (@line-height-computed + 5); // Height of the `label` and its margin
264
+ right: 0;
265
+ display: block;
266
+ width: @input-height-base;
267
+ height: @input-height-base;
268
+ line-height: @input-height-base;
269
+ text-align: center;
270
+ }
271
+ }
272
+
273
+ // Feedback states
274
+ .has-success {
275
+ .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
276
+ }
248
277
  .has-warning {
249
278
  .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);
250
279
  }
251
- // Error
252
280
  .has-error {
253
281
  .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
254
282
  }
255
- // Success
256
- .has-success {
257
- .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
258
- }
259
283
 
260
284
 
261
285
  // Static form control text
@@ -296,9 +320,9 @@ input[type="checkbox"],
296
320
  .form-inline {
297
321
 
298
322
  // Kick in the inline
299
- @media (min-width: @screen-sm) {
323
+ @media (min-width: @screen-sm-min) {
300
324
  // Inline-block all the things for "inline"
301
- .form-group {
325
+ .form-group {
302
326
  display: inline-block;
303
327
  margin-bottom: 0;
304
328
  vertical-align: middle;
@@ -307,11 +331,13 @@ input[type="checkbox"],
307
331
  // In navbar-form, allow folks to *not* use `.form-group`
308
332
  .form-control {
309
333
  display: inline-block;
334
+ width: auto; // Prevent labels from stacking above inputs in `.form-group`
335
+ vertical-align: middle;
310
336
  }
311
337
 
312
- // Override `width: 100%;` when not within a `.form-group`
313
- select.form-control {
314
- width: auto;
338
+ .control-label {
339
+ margin-bottom: 0;
340
+ vertical-align: middle;
315
341
  }
316
342
 
317
343
  // Remove default margin on radios/checkboxes that were used for stacking, and
@@ -323,12 +349,21 @@ input[type="checkbox"],
323
349
  margin-top: 0;
324
350
  margin-bottom: 0;
325
351
  padding-left: 0;
352
+ vertical-align: middle;
326
353
  }
327
354
  .radio input[type="radio"],
328
355
  .checkbox input[type="checkbox"] {
329
356
  float: none;
330
357
  margin-left: 0;
331
358
  }
359
+
360
+ // Validation states
361
+ //
362
+ // Reposition the icon because it's now within a grid column and columns have
363
+ // `position: relative;` on them. Also accounts for the grid gutter padding.
364
+ .has-feedback .form-control-feedback {
365
+ top: 0;
366
+ }
332
367
  }
333
368
  }
334
369
 
@@ -354,7 +389,7 @@ input[type="checkbox"],
354
389
  // and other content below items
355
390
  .radio,
356
391
  .checkbox {
357
- min-height: @line-height-computed + (@padding-base-vertical + 1);
392
+ min-height: (@line-height-computed + (@padding-base-vertical + 1));
358
393
  }
359
394
 
360
395
  // Make form groups behave like rows
@@ -372,4 +407,13 @@ input[type="checkbox"],
372
407
  text-align: right;
373
408
  }
374
409
  }
410
+
411
+ // Validation states
412
+ //
413
+ // Reposition the icon because it's now within a grid column and columns have
414
+ // `position: relative;` on them. Also accounts for the grid gutter padding.
415
+ .has-feedback .form-control-feedback {
416
+ top: 0;
417
+ right: (@grid-gutter-width / 2);
418
+ }
375
419
  }