less-rails-bootstrap 3.2.0 → 3.3.0.0

Sign up to get free protection for your applications and to get access to all the features.
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
  }