bootstrap-sass 3.3.7 → 3.4.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 (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