less-rails-bootstrap 3.2.0 → 3.3.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 (51) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +1 -1
  4. data/app/assets/javascripts/twitter/bootstrap/affix.js +43 -23
  5. data/app/assets/javascripts/twitter/bootstrap/alert.js +6 -4
  6. data/app/assets/javascripts/twitter/bootstrap/button.js +16 -10
  7. data/app/assets/javascripts/twitter/bootstrap/carousel.js +26 -10
  8. data/app/assets/javascripts/twitter/bootstrap/collapse.js +69 -28
  9. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +20 -10
  10. data/app/assets/javascripts/twitter/bootstrap/modal.js +22 -21
  11. data/app/assets/javascripts/twitter/bootstrap/popover.js +13 -7
  12. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +12 -7
  13. data/app/assets/javascripts/twitter/bootstrap/tab.js +41 -16
  14. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +60 -39
  15. data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -1
  16. data/app/frameworks/twitter/bootstrap/button-groups.less +16 -9
  17. data/app/frameworks/twitter/bootstrap/buttons.less +7 -4
  18. data/app/frameworks/twitter/bootstrap/carousel.less +24 -0
  19. data/app/frameworks/twitter/bootstrap/code.less +1 -0
  20. data/app/frameworks/twitter/bootstrap/component-animations.less +5 -2
  21. data/app/frameworks/twitter/bootstrap/dropdowns.less +3 -5
  22. data/app/frameworks/twitter/bootstrap/forms.less +44 -25
  23. data/app/frameworks/twitter/bootstrap/glyphicons.less +2 -1
  24. data/app/frameworks/twitter/bootstrap/jumbotron.less +4 -4
  25. data/app/frameworks/twitter/bootstrap/list-group.less +1 -0
  26. data/app/frameworks/twitter/bootstrap/media.less +27 -36
  27. data/app/frameworks/twitter/bootstrap/mixins/buttons.less +2 -0
  28. data/app/frameworks/twitter/bootstrap/mixins/forms.less +5 -1
  29. data/app/frameworks/twitter/bootstrap/mixins/image.less +0 -1
  30. data/app/frameworks/twitter/bootstrap/mixins/labels.less +1 -1
  31. data/app/frameworks/twitter/bootstrap/mixins/vendor-prefixes.less +6 -3
  32. data/app/frameworks/twitter/bootstrap/modals.less +2 -3
  33. data/app/frameworks/twitter/bootstrap/navbar.less +29 -25
  34. data/app/frameworks/twitter/bootstrap/navs.less +3 -1
  35. data/app/frameworks/twitter/bootstrap/normalize.less +5 -3
  36. data/app/frameworks/twitter/bootstrap/pager.less +1 -2
  37. data/app/frameworks/twitter/bootstrap/pagination.less +1 -1
  38. data/app/frameworks/twitter/bootstrap/panels.less +21 -3
  39. data/app/frameworks/twitter/bootstrap/popovers.less +5 -4
  40. data/app/frameworks/twitter/bootstrap/print.less +102 -96
  41. data/app/frameworks/twitter/bootstrap/progress-bars.less +1 -19
  42. data/app/frameworks/twitter/bootstrap/responsive-embed.less +2 -1
  43. data/app/frameworks/twitter/bootstrap/scaffolding.less +1 -1
  44. data/app/frameworks/twitter/bootstrap/tables.less +11 -10
  45. data/app/frameworks/twitter/bootstrap/theme.less +12 -10
  46. data/app/frameworks/twitter/bootstrap/thumbnails.less +1 -1
  47. data/app/frameworks/twitter/bootstrap/type.less +0 -11
  48. data/app/frameworks/twitter/bootstrap/utilities.less +0 -1
  49. data/app/frameworks/twitter/bootstrap/variables.less +29 -19
  50. data/lib/less/rails/bootstrap/version.rb +1 -1
  51. metadata +19 -19
@@ -10,6 +10,7 @@
10
10
 
11
11
  &:hover,
12
12
  &:focus,
13
+ &.focus,
13
14
  &:active,
14
15
  &.active,
15
16
  .open > .dropdown-toggle& {
@@ -28,6 +29,7 @@
28
29
  &,
29
30
  &:hover,
30
31
  &:focus,
32
+ &.focus,
31
33
  &:active,
32
34
  &.active {
33
35
  background-color: @background;
@@ -10,7 +10,11 @@
10
10
  .radio,
11
11
  .checkbox,
12
12
  .radio-inline,
13
- .checkbox-inline {
13
+ .checkbox-inline,
14
+ &.radio label,
15
+ &.checkbox label,
16
+ &.radio-inline label,
17
+ &.checkbox-inline label {
14
18
  color: @text-color;
15
19
  }
16
20
  // Set the border and box shadow on specific inputs to match
@@ -8,7 +8,6 @@
8
8
  // Keep images from scaling beyond the width of their parents.
9
9
  .img-responsive(@display: block) {
10
10
  display: @display;
11
- width: 100% \9; // Force IE10 and below to size SVG images correctly
12
11
  max-width: 100%; // Part 1: Set a maximum relative to the parent
13
12
  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
14
13
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  .label-variant(@color) {
4
4
  background-color: @color;
5
-
5
+
6
6
  &[href] {
7
7
  &:hover,
8
8
  &:focus {
@@ -99,9 +99,12 @@
99
99
 
100
100
  // Placeholder text
101
101
  .placeholder(@color: @input-color-placeholder) {
102
- &::-moz-placeholder { color: @color; // Firefox
103
- opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526
104
- &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
102
+ // Firefox
103
+ &::-moz-placeholder {
104
+ color: @color;
105
+ opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526
106
+ }
107
+ &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
105
108
  &::-webkit-input-placeholder { color: @color; } // Safari and Chrome
106
109
  }
107
110
 
@@ -30,10 +30,10 @@
30
30
 
31
31
  // When fading in the modal, animate it to slide down
32
32
  &.fade .modal-dialog {
33
- .translate3d(0, -25%, 0);
33
+ .translate(0, -25%);
34
34
  .transition-transform(~"0.3s ease-out");
35
35
  }
36
- &.in .modal-dialog { .translate3d(0, 0, 0) }
36
+ &.in .modal-dialog { .translate(0, 0) }
37
37
  }
38
38
  .modal-open .modal {
39
39
  overflow-x: hidden;
@@ -67,7 +67,6 @@
67
67
  right: 0;
68
68
  bottom: 0;
69
69
  left: 0;
70
- z-index: @zindex-modal-background;
71
70
  background-color: @modal-backdrop-bg;
72
71
  // Fade for backdrop
73
72
  &.fade { .opacity(0); }
@@ -67,6 +67,7 @@
67
67
 
68
68
  &.collapse {
69
69
  display: block !important;
70
+ visibility: visible !important;
70
71
  height: auto !important;
71
72
  padding-bottom: 0; // Override default setting
72
73
  overflow: visible !important;
@@ -92,7 +93,7 @@
92
93
  .navbar-collapse {
93
94
  max-height: @navbar-collapse-max-height;
94
95
 
95
- @media (max-width: @screen-xs-min) and (orientation: landscape) {
96
+ @media (max-device-width: @screen-xs-min) and (orientation: landscape) {
96
97
  max-height: 200px;
97
98
  }
98
99
  }
@@ -141,7 +142,6 @@
141
142
  right: 0;
142
143
  left: 0;
143
144
  z-index: @zindex-navbar-fixed;
144
- .translate3d(0, 0, 0);
145
145
 
146
146
  // Undo the rounded corners
147
147
  @media (min-width: @grid-float-breakpoint) {
@@ -173,6 +173,10 @@
173
173
  text-decoration: none;
174
174
  }
175
175
 
176
+ > img {
177
+ display: block;
178
+ }
179
+
176
180
  @media (min-width: @grid-float-breakpoint) {
177
181
  .navbar > .container &,
178
182
  .navbar > .container-fluid & {
@@ -271,26 +275,10 @@
271
275
  padding-bottom: @navbar-padding-vertical;
272
276
  }
273
277
  }
274
-
275
- &.navbar-right:last-child {
276
- margin-right: -@navbar-padding-horizontal;
277
- }
278
278
  }
279
279
  }
280
280
 
281
281
 
282
- // Component alignment
283
- //
284
- // Repurpose the pull utilities as their own navbar utilities to avoid specificity
285
- // issues with parents and chaining. Only do this when the navbar is uncollapsed
286
- // though so that navbar contents properly stack and align in mobile.
287
-
288
- @media (min-width: @grid-float-breakpoint) {
289
- .navbar-left { .pull-left(); }
290
- .navbar-right { .pull-right(); }
291
- }
292
-
293
-
294
282
  // Navbar form
295
283
  //
296
284
  // Extension of the `.form-inline` with some extra flavor for optimum display in
@@ -311,6 +299,10 @@
311
299
  .form-group {
312
300
  @media (max-width: @grid-float-breakpoint-max) {
313
301
  margin-bottom: 5px;
302
+
303
+ &:last-child {
304
+ margin-bottom: 0;
305
+ }
314
306
  }
315
307
  }
316
308
 
@@ -326,11 +318,6 @@
326
318
  padding-top: 0;
327
319
  padding-bottom: 0;
328
320
  .box-shadow(none);
329
-
330
- // Outdent the form if last child to line up with content down the page
331
- &.navbar-right:last-child {
332
- margin-right: -@navbar-padding-horizontal;
333
- }
334
321
  }
335
322
  }
336
323
 
@@ -375,14 +362,31 @@
375
362
  float: left;
376
363
  margin-left: @navbar-padding-horizontal;
377
364
  margin-right: @navbar-padding-horizontal;
365
+ }
366
+ }
367
+
378
368
 
379
- // Outdent the form if last child to line up with content down the page
380
- &.navbar-right:last-child {
369
+ // Component alignment
370
+ //
371
+ // Repurpose the pull utilities as their own navbar utilities to avoid specificity
372
+ // issues with parents and chaining. Only do this when the navbar is uncollapsed
373
+ // though so that navbar contents properly stack and align in mobile.
374
+ //
375
+ // Declared after the navbar components to ensure more specificity on the margins.
376
+
377
+ @media (min-width: @grid-float-breakpoint) {
378
+ .navbar-left { .pull-left(); }
379
+ .navbar-right {
380
+ .pull-right();
381
+ margin-right: -@navbar-padding-horizontal;
382
+
383
+ ~ .navbar-right {
381
384
  margin-right: 0;
382
385
  }
383
386
  }
384
387
  }
385
388
 
389
+
386
390
  // Alternate navbars
387
391
  // --------------------------------------------------
388
392
 
@@ -36,7 +36,7 @@
36
36
  color: @nav-disabled-link-hover-color;
37
37
  text-decoration: none;
38
38
  background-color: transparent;
39
- cursor: not-allowed;
39
+ cursor: @cursor-disabled;
40
40
  }
41
41
  }
42
42
  }
@@ -223,9 +223,11 @@
223
223
  .tab-content {
224
224
  > .tab-pane {
225
225
  display: none;
226
+ visibility: hidden;
226
227
  }
227
228
  > .active {
228
229
  display: block;
230
+ visibility: visible;
229
231
  }
230
232
  }
231
233
 
@@ -1,4 +1,4 @@
1
- /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
1
+ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
2
2
 
3
3
  //
4
4
  // 1. Set default font family to sans-serif.
@@ -25,7 +25,8 @@ body {
25
25
 
26
26
  //
27
27
  // Correct `block` display not defined for any HTML5 element in IE 8/9.
28
- // Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
28
+ // Correct `block` display not defined for `details` or `summary` in IE 10/11
29
+ // and Firefox.
29
30
  // Correct `block` display not defined for `main` in IE 11.
30
31
  //
31
32
 
@@ -38,6 +39,7 @@ footer,
38
39
  header,
39
40
  hgroup,
40
41
  main,
42
+ menu,
41
43
  nav,
42
44
  section,
43
45
  summary {
@@ -85,7 +87,7 @@ template {
85
87
  //
86
88
 
87
89
  a {
88
- background: transparent;
90
+ background-color: transparent;
89
91
  }
90
92
 
91
93
  //
@@ -48,8 +48,7 @@
48
48
  > span {
49
49
  color: @pager-disabled-color;
50
50
  background-color: @pager-bg;
51
- cursor: not-allowed;
51
+ cursor: @cursor-disabled;
52
52
  }
53
53
  }
54
-
55
54
  }
@@ -69,7 +69,7 @@
69
69
  color: @pagination-disabled-color;
70
70
  background-color: @pagination-disabled-bg;
71
71
  border-color: @pagination-disabled-border;
72
- cursor: not-allowed;
72
+ cursor: @cursor-disabled;
73
73
  }
74
74
  }
75
75
  }
@@ -56,7 +56,8 @@
56
56
  // any kind of custom content between the two.
57
57
 
58
58
  .panel {
59
- > .list-group {
59
+ > .list-group,
60
+ > .panel-collapse > .list-group {
60
61
  margin-bottom: 0;
61
62
 
62
63
  .list-group-item {
@@ -100,6 +101,11 @@
100
101
  > .table-responsive > .table,
101
102
  > .panel-collapse > .table {
102
103
  margin-bottom: 0;
104
+
105
+ caption {
106
+ padding-left: @panel-body-padding;
107
+ padding-right: @panel-body-padding;
108
+ }
103
109
  }
104
110
  // Add border top radius for first one
105
111
  > .table:first-child,
@@ -109,6 +115,9 @@
109
115
  > thead:first-child,
110
116
  > tbody:first-child {
111
117
  > tr:first-child {
118
+ border-top-left-radius: (@panel-border-radius - 1);
119
+ border-top-right-radius: (@panel-border-radius - 1);
120
+
112
121
  td:first-child,
113
122
  th:first-child {
114
123
  border-top-left-radius: (@panel-border-radius - 1);
@@ -128,6 +137,9 @@
128
137
  > tbody:last-child,
129
138
  > tfoot:last-child {
130
139
  > tr:last-child {
140
+ border-bottom-left-radius: (@panel-border-radius - 1);
141
+ border-bottom-right-radius: (@panel-border-radius - 1);
142
+
131
143
  td:first-child,
132
144
  th:first-child {
133
145
  border-bottom-left-radius: (@panel-border-radius - 1);
@@ -140,7 +152,9 @@
140
152
  }
141
153
  }
142
154
  > .panel-body + .table,
143
- > .panel-body + .table-responsive {
155
+ > .panel-body + .table-responsive,
156
+ > .table + .panel-body,
157
+ > .table-responsive + .panel-body {
144
158
  border-top: 1px solid @table-border-color;
145
159
  }
146
160
  > .table > tbody:first-child > tr:first-child th,
@@ -202,6 +216,7 @@
202
216
  .panel {
203
217
  margin-bottom: 0;
204
218
  border-radius: @panel-border-radius;
219
+
205
220
  + .panel {
206
221
  margin-top: 5px;
207
222
  }
@@ -209,10 +224,13 @@
209
224
 
210
225
  .panel-heading {
211
226
  border-bottom: 0;
212
- + .panel-collapse > .panel-body {
227
+
228
+ + .panel-collapse > .panel-body,
229
+ + .panel-collapse > .list-group {
213
230
  border-top: 1px solid @panel-inner-border;
214
231
  }
215
232
  }
233
+
216
234
  .panel-footer {
217
235
  border-top: 0;
218
236
  + .panel-collapse .panel-body {
@@ -11,7 +11,11 @@
11
11
  display: none;
12
12
  max-width: @popover-max-width;
13
13
  padding: 1px;
14
- text-align: left; // Reset given new insertion method
14
+ // Reset font and text propertes given new insertion method
15
+ font-size: @font-size-base;
16
+ font-weight: normal;
17
+ line-height: @line-height-base;
18
+ text-align: left;
15
19
  background-color: @popover-bg;
16
20
  background-clip: padding-box;
17
21
  border: 1px solid @popover-fallback-border-color;
@@ -33,8 +37,6 @@
33
37
  margin: 0; // reset heading margin
34
38
  padding: 8px 14px;
35
39
  font-size: @font-size-base;
36
- font-weight: normal;
37
- line-height: 18px;
38
40
  background-color: @popover-title-bg;
39
41
  border-bottom: 1px solid darken(@popover-title-bg, 5%);
40
42
  border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
@@ -129,5 +131,4 @@
129
131
  bottom: -@popover-arrow-width;
130
132
  }
131
133
  }
132
-
133
134
  }
@@ -1,101 +1,107 @@
1
- //
2
- // Basic print styles
3
- // --------------------------------------------------
4
- // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
1
+ /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
2
+
3
+ // ==========================================================================
4
+ // Print styles.
5
+ // Inlined to avoid the additional HTTP request: h5bp.com/r
6
+ // ==========================================================================
5
7
 
6
8
  @media print {
9
+ *,
10
+ *:before,
11
+ *:after {
12
+ background: transparent !important;
13
+ color: #000 !important; // Black prints faster: h5bp.com/s
14
+ box-shadow: none !important;
15
+ text-shadow: none !important;
16
+ }
17
+
18
+ a,
19
+ a:visited {
20
+ text-decoration: underline;
21
+ }
22
+
23
+ a[href]:after {
24
+ content: " (" attr(href) ")";
25
+ }
26
+
27
+ abbr[title]:after {
28
+ content: " (" attr(title) ")";
29
+ }
30
+
31
+ // Don't show links that are fragment identifiers,
32
+ // or use the `javascript:` pseudo protocol
33
+ a[href^="#"]:after,
34
+ a[href^="javascript:"]:after {
35
+ content: "";
36
+ }
37
+
38
+ pre,
39
+ blockquote {
40
+ border: 1px solid #999;
41
+ page-break-inside: avoid;
42
+ }
43
+
44
+ thead {
45
+ display: table-header-group; // h5bp.com/t
46
+ }
47
+
48
+ tr,
49
+ img {
50
+ page-break-inside: avoid;
51
+ }
7
52
 
8
- * {
9
- text-shadow: none !important;
10
- color: #000 !important; // Black prints faster: h5bp.com/s
11
- background: transparent !important;
12
- box-shadow: none !important;
13
- }
14
-
15
- a,
16
- a:visited {
17
- text-decoration: underline;
18
- }
19
-
20
- a[href]:after {
21
- content: " (" attr(href) ")";
22
- }
23
-
24
- abbr[title]:after {
25
- content: " (" attr(title) ")";
26
- }
27
-
28
- // Don't show links for images, or javascript/internal links
29
- a[href^="javascript:"]:after,
30
- a[href^="#"]:after {
31
- content: "";
32
- }
33
-
34
- pre,
35
- blockquote {
36
- border: 1px solid #999;
37
- page-break-inside: avoid;
38
- }
39
-
40
- thead {
41
- display: table-header-group; // h5bp.com/t
42
- }
43
-
44
- tr,
45
- img {
46
- page-break-inside: avoid;
47
- }
48
-
49
- img {
50
- max-width: 100% !important;
51
- }
52
-
53
- p,
54
- h2,
55
- h3 {
56
- orphans: 3;
57
- widows: 3;
58
- }
59
-
60
- h2,
61
- h3 {
62
- page-break-after: avoid;
63
- }
64
-
65
- // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
66
- // Once fixed, we can just straight up remove this.
67
- select {
68
- background: #fff !important;
69
- }
70
-
71
- // Bootstrap components
72
- .navbar {
73
- display: none;
74
- }
75
- .table {
76
- td,
77
- th {
78
- background-color: #fff !important;
79
- }
80
- }
81
- .btn,
82
- .dropup > .btn {
83
- > .caret {
84
- border-top-color: #000 !important;
85
- }
86
- }
87
- .label {
88
- border: 1px solid #000;
89
- }
90
-
91
- .table {
92
- border-collapse: collapse !important;
93
- }
94
- .table-bordered {
95
- th,
96
- td {
97
- border: 1px solid #ddd !important;
98
- }
99
- }
53
+ img {
54
+ max-width: 100% !important;
55
+ }
56
+
57
+ p,
58
+ h2,
59
+ h3 {
60
+ orphans: 3;
61
+ widows: 3;
62
+ }
63
+
64
+ h2,
65
+ h3 {
66
+ page-break-after: avoid;
67
+ }
68
+
69
+ // Bootstrap specific changes start
70
+ //
71
+ // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
72
+ // Once fixed, we can just straight up remove this.
73
+ select {
74
+ background: #fff !important;
75
+ }
76
+
77
+ // Bootstrap components
78
+ .navbar {
79
+ display: none;
80
+ }
81
+ .btn,
82
+ .dropup > .btn {
83
+ > .caret {
84
+ border-top-color: #000 !important;
85
+ }
86
+ }
87
+ .label {
88
+ border: 1px solid #000;
89
+ }
90
+
91
+ .table {
92
+ border-collapse: collapse !important;
93
+
94
+ td,
95
+ th {
96
+ background-color: #fff !important;
97
+ }
98
+ }
99
+ .table-bordered {
100
+ th,
101
+ td {
102
+ border: 1px solid #ddd !important;
103
+ }
104
+ }
100
105
 
106
+ // Bootstrap specific changes end
101
107
  }