bootstrap-sass 3.3.7 → 3.4.0

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


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

Files changed (103) hide show
  1. checksums.yaml +5 -5
  2. data/.travis.yml +4 -10
  3. data/CHANGELOG.md +5 -0
  4. data/Gemfile +1 -4
  5. data/README.md +26 -58
  6. data/Rakefile +10 -8
  7. data/assets/javascripts/bootstrap-sprockets.js +3 -3
  8. data/assets/javascripts/bootstrap.js +120 -89
  9. data/assets/javascripts/bootstrap.min.js +3 -4
  10. data/assets/javascripts/bootstrap/affix.js +7 -5
  11. data/assets/javascripts/bootstrap/alert.js +6 -5
  12. data/assets/javascripts/bootstrap/button.js +4 -4
  13. data/assets/javascripts/bootstrap/carousel.js +16 -7
  14. data/assets/javascripts/bootstrap/collapse.js +6 -6
  15. data/assets/javascripts/bootstrap/dropdown.js +5 -5
  16. data/assets/javascripts/bootstrap/modal.js +43 -24
  17. data/assets/javascripts/bootstrap/popover.js +6 -6
  18. data/assets/javascripts/bootstrap/scrollspy.js +4 -4
  19. data/assets/javascripts/bootstrap/tab.js +10 -10
  20. data/assets/javascripts/bootstrap/tooltip.js +6 -6
  21. data/assets/javascripts/bootstrap/transition.js +5 -5
  22. data/assets/stylesheets/_bootstrap.scss +2 -2
  23. data/assets/stylesheets/bootstrap/_alerts.scss +3 -3
  24. data/assets/stylesheets/bootstrap/_badges.scss +3 -3
  25. data/assets/stylesheets/bootstrap/_breadcrumbs.scss +2 -2
  26. data/assets/stylesheets/bootstrap/_button-groups.scss +5 -5
  27. data/assets/stylesheets/bootstrap/_buttons.scss +4 -4
  28. data/assets/stylesheets/bootstrap/_carousel.scss +26 -25
  29. data/assets/stylesheets/bootstrap/_close.scss +1 -0
  30. data/assets/stylesheets/bootstrap/_code.scss +3 -3
  31. data/assets/stylesheets/bootstrap/_component-animations.scss +1 -0
  32. data/assets/stylesheets/bootstrap/_dropdowns.scss +20 -23
  33. data/assets/stylesheets/bootstrap/_forms.scss +47 -57
  34. data/assets/stylesheets/bootstrap/_glyphicons.scss +9 -9
  35. data/assets/stylesheets/bootstrap/_grid.scss +10 -0
  36. data/assets/stylesheets/bootstrap/_input-groups.scss +2 -2
  37. data/assets/stylesheets/bootstrap/_jumbotron.scss +5 -5
  38. data/assets/stylesheets/bootstrap/_labels.scss +1 -1
  39. data/assets/stylesheets/bootstrap/_list-group.scss +30 -32
  40. data/assets/stylesheets/bootstrap/_media.scss +1 -1
  41. data/assets/stylesheets/bootstrap/_modals.scss +6 -6
  42. data/assets/stylesheets/bootstrap/_navbar.scss +75 -81
  43. data/assets/stylesheets/bootstrap/_navs.scss +4 -4
  44. data/assets/stylesheets/bootstrap/_normalize.scss +5 -2
  45. data/assets/stylesheets/bootstrap/_pager.scss +2 -2
  46. data/assets/stylesheets/bootstrap/_pagination.scss +12 -15
  47. data/assets/stylesheets/bootstrap/_panels.scss +4 -4
  48. data/assets/stylesheets/bootstrap/_popovers.scss +47 -52
  49. data/assets/stylesheets/bootstrap/_print.scss +90 -92
  50. data/assets/stylesheets/bootstrap/_progress-bars.scss +3 -3
  51. data/assets/stylesheets/bootstrap/_responsive-embed.scss +2 -2
  52. data/assets/stylesheets/bootstrap/_responsive-utilities.scss +3 -3
  53. data/assets/stylesheets/bootstrap/_scaffolding.scss +7 -7
  54. data/assets/stylesheets/bootstrap/_tables.scss +23 -23
  55. data/assets/stylesheets/bootstrap/_theme.scss +21 -17
  56. data/assets/stylesheets/bootstrap/_thumbnails.scss +1 -1
  57. data/assets/stylesheets/bootstrap/_tooltip.scss +38 -27
  58. data/assets/stylesheets/bootstrap/_type.scss +10 -10
  59. data/assets/stylesheets/bootstrap/_variables.scss +6 -6
  60. data/assets/stylesheets/bootstrap/_wells.scss +2 -2
  61. data/assets/stylesheets/bootstrap/mixins/_alerts.scss +2 -1
  62. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +4 -4
  63. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +6 -10
  64. data/assets/stylesheets/bootstrap/mixins/_center-block.scss +1 -1
  65. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +1 -1
  66. data/assets/stylesheets/bootstrap/mixins/_forms.scss +4 -4
  67. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +6 -8
  68. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +1 -1
  69. data/assets/stylesheets/bootstrap/mixins/_grid.scss +7 -7
  70. data/assets/stylesheets/bootstrap/mixins/_image.scss +5 -10
  71. data/assets/stylesheets/bootstrap/mixins/_opacity.scss +2 -3
  72. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +4 -4
  73. data/assets/stylesheets/bootstrap/mixins/_resize.scss +1 -1
  74. data/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +0 -4
  75. data/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +1 -1
  76. data/bootstrap-sass.gemspec +5 -4
  77. data/bower.json +1 -1
  78. data/composer.json +1 -1
  79. data/lib/bootstrap-sass.rb +13 -16
  80. data/lib/bootstrap-sass/version.rb +2 -2
  81. data/package-lock.json +1611 -0
  82. data/package.json +3 -3
  83. data/tasks/converter/less_conversion.rb +7 -8
  84. data/tasks/converter/network.rb +2 -2
  85. data/templates/project/_bootstrap-variables.sass +7 -7
  86. data/test/compilation_test.rb +24 -12
  87. data/test/dummy_rails/config/application.rb +1 -0
  88. data/test/dummy_rails/config/boot.rb +1 -1
  89. data/test/dummy_sass_only/Gemfile +1 -1
  90. data/test/dummy_sass_only/compile.rb +14 -7
  91. data/test/dummy_sass_only/import_all.scss +2 -0
  92. data/test/gemfiles/default.gemfile +3 -0
  93. data/test/node_sass_compile_test.sh +4 -3
  94. data/test/sass_test.rb +10 -7
  95. data/test/sprockets_rails_test.rb +12 -8
  96. data/test/test_helper.rb +2 -1
  97. metadata +33 -26
  98. data/test/compass_test.rb +0 -9
  99. data/test/dummy_sass_only/import_all.sass +0 -2
  100. data/test/gemfiles/rails_head.gemfile +0 -17
  101. data/test/gemfiles/sass_3_3.gemfile +0 -9
  102. data/test/gemfiles/sass_3_4.gemfile +0 -7
  103. data/test/gemfiles/sass_head.gemfile +0 -6
@@ -48,11 +48,11 @@
48
48
  // content for the user's viewport.
49
49
 
50
50
  .navbar-collapse {
51
- overflow-x: visible;
52
51
  padding-right: $navbar-padding-horizontal;
53
- padding-left: $navbar-padding-horizontal;
52
+ padding-left: $navbar-padding-horizontal;
53
+ overflow-x: visible;
54
54
  border-top: 1px solid transparent;
55
- box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
55
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
56
56
  @include clearfix;
57
57
  -webkit-overflow-scrolling: touch;
58
58
 
@@ -81,8 +81,8 @@
81
81
  .navbar-fixed-top &,
82
82
  .navbar-static-top &,
83
83
  .navbar-fixed-bottom & {
84
- padding-left: 0;
85
84
  padding-right: 0;
85
+ padding-left: 0;
86
86
  }
87
87
  }
88
88
  }
@@ -96,6 +96,27 @@
96
96
  max-height: 200px;
97
97
  }
98
98
  }
99
+
100
+ // Fix the top/bottom navbars when screen real estate supports it
101
+ position: fixed;
102
+ right: 0;
103
+ left: 0;
104
+ z-index: $zindex-navbar-fixed;
105
+
106
+ // Undo the rounded corners
107
+ @media (min-width: $grid-float-breakpoint) {
108
+ border-radius: 0;
109
+ }
110
+ }
111
+
112
+ .navbar-fixed-top {
113
+ top: 0;
114
+ border-width: 0 0 1px;
115
+ }
116
+ .navbar-fixed-bottom {
117
+ bottom: 0;
118
+ margin-bottom: 0; // override .navbar defaults
119
+ border-width: 1px 0 0;
99
120
  }
100
121
 
101
122
 
@@ -108,11 +129,11 @@
108
129
  > .navbar-header,
109
130
  > .navbar-collapse {
110
131
  margin-right: -$navbar-padding-horizontal;
111
- margin-left: -$navbar-padding-horizontal;
132
+ margin-left: -$navbar-padding-horizontal;
112
133
 
113
134
  @media (min-width: $grid-float-breakpoint) {
114
135
  margin-right: 0;
115
- margin-left: 0;
136
+ margin-left: 0;
116
137
  }
117
138
  }
118
139
  }
@@ -134,38 +155,15 @@
134
155
  }
135
156
  }
136
157
 
137
- // Fix the top/bottom navbars when screen real estate supports it
138
- .navbar-fixed-top,
139
- .navbar-fixed-bottom {
140
- position: fixed;
141
- right: 0;
142
- left: 0;
143
- z-index: $zindex-navbar-fixed;
144
-
145
- // Undo the rounded corners
146
- @media (min-width: $grid-float-breakpoint) {
147
- border-radius: 0;
148
- }
149
- }
150
- .navbar-fixed-top {
151
- top: 0;
152
- border-width: 0 0 1px;
153
- }
154
- .navbar-fixed-bottom {
155
- bottom: 0;
156
- margin-bottom: 0; // override .navbar defaults
157
- border-width: 1px 0 0;
158
- }
159
-
160
158
 
161
159
  // Brand/project name
162
160
 
163
161
  .navbar-brand {
164
162
  float: left;
163
+ height: $navbar-height;
165
164
  padding: $navbar-padding-vertical $navbar-padding-horizontal;
166
165
  font-size: $font-size-large;
167
166
  line-height: $line-height-computed;
168
- height: $navbar-height;
169
167
 
170
168
  &:hover,
171
169
  &:focus {
@@ -193,8 +191,8 @@
193
191
  .navbar-toggle {
194
192
  position: relative;
195
193
  float: right;
196
- margin-right: $navbar-padding-horizontal;
197
194
  padding: 9px 10px;
195
+ margin-right: $navbar-padding-horizontal;
198
196
  @include navbar-vertical-align(34px);
199
197
  background-color: transparent;
200
198
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
@@ -233,7 +231,7 @@
233
231
  margin: ($navbar-padding-vertical / 2) (-$navbar-padding-horizontal);
234
232
 
235
233
  > li > a {
236
- padding-top: 10px;
234
+ padding-top: 10px;
237
235
  padding-bottom: 10px;
238
236
  line-height: $line-height-computed;
239
237
  }
@@ -270,7 +268,7 @@
270
268
  > li {
271
269
  float: left;
272
270
  > a {
273
- padding-top: $navbar-padding-vertical;
271
+ padding-top: $navbar-padding-vertical;
274
272
  padding-bottom: $navbar-padding-vertical;
275
273
  }
276
274
  }
@@ -284,12 +282,12 @@
284
282
  // our navbars.
285
283
 
286
284
  .navbar-form {
287
- margin-left: -$navbar-padding-horizontal;
288
- margin-right: -$navbar-padding-horizontal;
289
285
  padding: 10px $navbar-padding-horizontal;
286
+ margin-right: -$navbar-padding-horizontal;
287
+ margin-left: -$navbar-padding-horizontal;
290
288
  border-top: 1px solid transparent;
291
289
  border-bottom: 1px solid transparent;
292
- $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
290
+ $shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
293
291
  @include box-shadow($shadow);
294
292
 
295
293
  // Mixin behavior for optimum display
@@ -311,11 +309,11 @@
311
309
  // Undo 100% width for pull classes
312
310
  @media (min-width: $grid-float-breakpoint) {
313
311
  width: auto;
314
- border: 0;
315
- margin-left: 0;
316
- margin-right: 0;
317
312
  padding-top: 0;
318
313
  padding-bottom: 0;
314
+ margin-right: 0;
315
+ margin-left: 0;
316
+ border: 0;
319
317
  @include box-shadow(none);
320
318
  }
321
319
  }
@@ -361,8 +359,8 @@
361
359
 
362
360
  @media (min-width: $grid-float-breakpoint) {
363
361
  float: left;
364
- margin-left: $navbar-padding-horizontal;
365
362
  margin-right: $navbar-padding-horizontal;
363
+ margin-left: $navbar-padding-horizontal;
366
364
  }
367
365
  }
368
366
 
@@ -437,33 +435,15 @@
437
435
  background-color: $navbar-default-link-disabled-bg;
438
436
  }
439
437
  }
440
- }
441
-
442
- .navbar-toggle {
443
- border-color: $navbar-default-toggle-border-color;
444
- &:hover,
445
- &:focus {
446
- background-color: $navbar-default-toggle-hover-bg;
447
- }
448
- .icon-bar {
449
- background-color: $navbar-default-toggle-icon-bar-bg;
450
- }
451
- }
452
438
 
453
- .navbar-collapse,
454
- .navbar-form {
455
- border-color: $navbar-default-border;
456
- }
457
-
458
- // Dropdown menu items
459
- .navbar-nav {
439
+ // Dropdown menu items
460
440
  // Remove background color from open dropdown
461
441
  > .open > a {
462
442
  &,
463
443
  &:hover,
464
444
  &:focus {
465
- background-color: $navbar-default-link-active-bg;
466
445
  color: $navbar-default-link-active-color;
446
+ background-color: $navbar-default-link-active-bg;
467
447
  }
468
448
  }
469
449
 
@@ -498,6 +478,22 @@
498
478
  }
499
479
  }
500
480
 
481
+ .navbar-toggle {
482
+ border-color: $navbar-default-toggle-border-color;
483
+ &:hover,
484
+ &:focus {
485
+ background-color: $navbar-default-toggle-hover-bg;
486
+ }
487
+ .icon-bar {
488
+ background-color: $navbar-default-toggle-icon-bar-bg;
489
+ }
490
+ }
491
+
492
+ .navbar-collapse,
493
+ .navbar-form {
494
+ border-color: $navbar-default-border;
495
+ }
496
+
501
497
 
502
498
  // Links in navbars
503
499
  //
@@ -571,33 +567,14 @@
571
567
  background-color: $navbar-inverse-link-disabled-bg;
572
568
  }
573
569
  }
574
- }
575
-
576
- // Darken the responsive nav toggle
577
- .navbar-toggle {
578
- border-color: $navbar-inverse-toggle-border-color;
579
- &:hover,
580
- &:focus {
581
- background-color: $navbar-inverse-toggle-hover-bg;
582
- }
583
- .icon-bar {
584
- background-color: $navbar-inverse-toggle-icon-bar-bg;
585
- }
586
- }
587
570
 
588
- .navbar-collapse,
589
- .navbar-form {
590
- border-color: darken($navbar-inverse-bg, 7%);
591
- }
592
-
593
- // Dropdowns
594
- .navbar-nav {
571
+ // Dropdowns
595
572
  > .open > a {
596
573
  &,
597
574
  &:hover,
598
575
  &:focus {
599
- background-color: $navbar-inverse-link-active-bg;
600
576
  color: $navbar-inverse-link-active-color;
577
+ background-color: $navbar-inverse-link-active-bg;
601
578
  }
602
579
  }
603
580
 
@@ -638,6 +615,23 @@
638
615
  }
639
616
  }
640
617
 
618
+ // Darken the responsive nav toggle
619
+ .navbar-toggle {
620
+ border-color: $navbar-inverse-toggle-border-color;
621
+ &:hover,
622
+ &:focus {
623
+ background-color: $navbar-inverse-toggle-hover-bg;
624
+ }
625
+ .icon-bar {
626
+ background-color: $navbar-inverse-toggle-icon-bar-bg;
627
+ }
628
+ }
629
+
630
+ .navbar-collapse,
631
+ .navbar-form {
632
+ border-color: darken($navbar-inverse-bg, 7%);
633
+ }
634
+
641
635
  .navbar-link {
642
636
  color: $navbar-inverse-link-color;
643
637
  &:hover {
@@ -7,8 +7,8 @@
7
7
  // --------------------------------------------------
8
8
 
9
9
  .nav {
10
- margin-bottom: 0;
11
10
  padding-left: 0; // Override default ul/ol
11
+ margin-bottom: 0;
12
12
  list-style: none;
13
13
  @include clearfix;
14
14
 
@@ -35,8 +35,8 @@
35
35
  &:focus {
36
36
  color: $nav-disabled-link-hover-color;
37
37
  text-decoration: none;
38
- background-color: transparent;
39
38
  cursor: $cursor-disabled;
39
+ background-color: transparent;
40
40
  }
41
41
  }
42
42
  }
@@ -97,10 +97,10 @@
97
97
  &:hover,
98
98
  &:focus {
99
99
  color: $nav-tabs-active-link-hover-color;
100
+ cursor: default;
100
101
  background-color: $nav-tabs-active-link-hover-bg;
101
102
  border: 1px solid $nav-tabs-active-link-hover-border-color;
102
103
  border-bottom-color: transparent;
103
- cursor: default;
104
104
  }
105
105
  }
106
106
  }
@@ -163,8 +163,8 @@
163
163
  > li {
164
164
  float: none;
165
165
  > a {
166
- text-align: center;
167
166
  margin-bottom: 5px;
167
+ text-align: center;
168
168
  }
169
169
  }
170
170
 
@@ -104,11 +104,14 @@ a:hover {
104
104
  // ==========================================================================
105
105
 
106
106
  //
107
- // Address styling not present in IE 8/9/10/11, Safari, and Chrome.
107
+ // 1. Remove the bottom border in Chrome 57- and Firefox 39-.
108
+ // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
108
109
  //
109
110
 
110
111
  abbr[title] {
111
- border-bottom: 1px dotted;
112
+ border-bottom: none; // 1
113
+ text-decoration: underline; // 2
114
+ text-decoration: underline dotted; // 2
112
115
  }
113
116
 
114
117
  //
@@ -6,8 +6,8 @@
6
6
  .pager {
7
7
  padding-left: 0;
8
8
  margin: $line-height-computed 0;
9
- list-style: none;
10
9
  text-align: center;
10
+ list-style: none;
11
11
  @include clearfix;
12
12
  li {
13
13
  display: inline;
@@ -47,8 +47,8 @@
47
47
  > a:focus,
48
48
  > span {
49
49
  color: $pager-disabled-color;
50
- background-color: $pager-bg;
51
50
  cursor: $cursor-disabled;
51
+ background-color: $pager-bg;
52
52
  }
53
53
  }
54
54
  }
@@ -14,12 +14,20 @@
14
14
  position: relative;
15
15
  float: left; // Collapse white-space
16
16
  padding: $padding-base-vertical $padding-base-horizontal;
17
+ margin-left: -1px;
17
18
  line-height: $line-height-base;
18
- text-decoration: none;
19
19
  color: $pagination-color;
20
+ text-decoration: none;
20
21
  background-color: $pagination-bg;
21
22
  border: 1px solid $pagination-border;
22
- margin-left: -1px;
23
+
24
+ &:hover,
25
+ &:focus {
26
+ z-index: 2;
27
+ color: $pagination-hover-color;
28
+ background-color: $pagination-hover-bg;
29
+ border-color: $pagination-hover-border;
30
+ }
23
31
  }
24
32
  &:first-child {
25
33
  > a,
@@ -36,17 +44,6 @@
36
44
  }
37
45
  }
38
46
 
39
- > li > a,
40
- > li > span {
41
- &:hover,
42
- &:focus {
43
- z-index: 2;
44
- color: $pagination-hover-color;
45
- background-color: $pagination-hover-bg;
46
- border-color: $pagination-hover-border;
47
- }
48
- }
49
-
50
47
  > .active > a,
51
48
  > .active > span {
52
49
  &,
@@ -54,9 +51,9 @@
54
51
  &:focus {
55
52
  z-index: 3;
56
53
  color: $pagination-active-color;
54
+ cursor: default;
57
55
  background-color: $pagination-active-bg;
58
56
  border-color: $pagination-active-border;
59
- cursor: default;
60
57
  }
61
58
  }
62
59
 
@@ -68,9 +65,9 @@
68
65
  > a:hover,
69
66
  > a:focus {
70
67
  color: $pagination-disabled-color;
68
+ cursor: $cursor-disabled;
71
69
  background-color: $pagination-disabled-bg;
72
70
  border-color: $pagination-disabled-border;
73
- cursor: $cursor-disabled;
74
71
  }
75
72
  }
76
73
  }
@@ -9,7 +9,7 @@
9
9
  background-color: $panel-bg;
10
10
  border: 1px solid transparent;
11
11
  border-radius: $panel-border-radius;
12
- @include box-shadow(0 1px 1px rgba(0,0,0,.05));
12
+ @include box-shadow(0 1px 1px rgba(0, 0, 0, .05));
13
13
  }
14
14
 
15
15
  // Panel contents
@@ -113,8 +113,8 @@
113
113
  margin-bottom: 0;
114
114
 
115
115
  caption {
116
- padding-left: $panel-body-padding;
117
116
  padding-right: $panel-body-padding;
117
+ padding-left: $panel-body-padding;
118
118
  }
119
119
  }
120
120
  // Add border top radius for first one
@@ -147,8 +147,8 @@
147
147
  > tbody:last-child,
148
148
  > tfoot:last-child {
149
149
  > tr:last-child {
150
- border-bottom-left-radius: ($panel-border-radius - 1);
151
150
  border-bottom-right-radius: ($panel-border-radius - 1);
151
+ border-bottom-left-radius: ($panel-border-radius - 1);
152
152
 
153
153
  td:first-child,
154
154
  th:first-child {
@@ -208,8 +208,8 @@
208
208
  }
209
209
  }
210
210
  > .table-responsive {
211
- border: 0;
212
211
  margin-bottom: 0;
212
+ border: 0;
213
213
  }
214
214
  }
215
215