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
@@ -15,99 +15,81 @@
15
15
  // So reset our font and text properties to avoid inheriting weird values.
16
16
  @include reset-text;
17
17
  font-size: $font-size-base;
18
-
19
18
  background-color: $popover-bg;
20
19
  background-clip: padding-box;
21
20
  border: 1px solid $popover-fallback-border-color;
22
21
  border: 1px solid $popover-border-color;
23
22
  border-radius: $border-radius-large;
24
- @include box-shadow(0 5px 10px rgba(0,0,0,.2));
23
+ @include box-shadow(0 5px 10px rgba(0, 0, 0, .2));
25
24
 
26
25
  // Offset the popover to account for the popover arrow
27
- &.top { margin-top: -$popover-arrow-width; }
28
- &.right { margin-left: $popover-arrow-width; }
29
- &.bottom { margin-top: $popover-arrow-width; }
30
- &.left { margin-left: -$popover-arrow-width; }
31
- }
26
+ &.top { margin-top: -$popover-arrow-width; }
27
+ &.right { margin-left: $popover-arrow-width; }
28
+ &.bottom { margin-top: $popover-arrow-width; }
29
+ &.left { margin-left: -$popover-arrow-width; }
32
30
 
33
- .popover-title {
34
- margin: 0; // reset heading margin
35
- padding: 8px 14px;
36
- font-size: $font-size-base;
37
- background-color: $popover-title-bg;
38
- border-bottom: 1px solid darken($popover-title-bg, 5%);
39
- border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;
40
- }
31
+ // Arrows
32
+ // .arrow is outer, .arrow:after is inner
33
+ > .arrow {
34
+ border-width: $popover-arrow-outer-width;
41
35
 
42
- .popover-content {
43
- padding: 9px 14px;
44
- }
45
-
46
- // Arrows
47
- //
48
- // .arrow is outer, .arrow:after is inner
36
+ &,
37
+ &:after {
38
+ position: absolute;
39
+ display: block;
40
+ width: 0;
41
+ height: 0;
42
+ border-color: transparent;
43
+ border-style: solid;
44
+ }
49
45
 
50
- .popover > .arrow {
51
- &,
52
- &:after {
53
- position: absolute;
54
- display: block;
55
- width: 0;
56
- height: 0;
57
- border-color: transparent;
58
- border-style: solid;
46
+ &:after {
47
+ content: "";
48
+ border-width: $popover-arrow-width;
49
+ }
59
50
  }
60
- }
61
- .popover > .arrow {
62
- border-width: $popover-arrow-outer-width;
63
- }
64
- .popover > .arrow:after {
65
- border-width: $popover-arrow-width;
66
- content: "";
67
- }
68
51
 
69
- .popover {
70
52
  &.top > .arrow {
53
+ bottom: -$popover-arrow-outer-width;
71
54
  left: 50%;
72
55
  margin-left: -$popover-arrow-outer-width;
73
- border-bottom-width: 0;
74
56
  border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
75
57
  border-top-color: $popover-arrow-outer-color;
76
- bottom: -$popover-arrow-outer-width;
58
+ border-bottom-width: 0;
77
59
  &:after {
78
- content: " ";
79
60
  bottom: 1px;
80
61
  margin-left: -$popover-arrow-width;
81
- border-bottom-width: 0;
62
+ content: " ";
82
63
  border-top-color: $popover-arrow-color;
64
+ border-bottom-width: 0;
83
65
  }
84
66
  }
85
67
  &.right > .arrow {
86
68
  top: 50%;
87
69
  left: -$popover-arrow-outer-width;
88
70
  margin-top: -$popover-arrow-outer-width;
89
- border-left-width: 0;
90
71
  border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
91
72
  border-right-color: $popover-arrow-outer-color;
73
+ border-left-width: 0;
92
74
  &:after {
93
- content: " ";
94
- left: 1px;
95
75
  bottom: -$popover-arrow-width;
96
- border-left-width: 0;
76
+ left: 1px;
77
+ content: " ";
97
78
  border-right-color: $popover-arrow-color;
79
+ border-left-width: 0;
98
80
  }
99
81
  }
100
82
  &.bottom > .arrow {
83
+ top: -$popover-arrow-outer-width;
101
84
  left: 50%;
102
85
  margin-left: -$popover-arrow-outer-width;
103
86
  border-top-width: 0;
104
87
  border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
105
88
  border-bottom-color: $popover-arrow-outer-color;
106
- top: -$popover-arrow-outer-width;
107
89
  &:after {
108
- content: " ";
109
90
  top: 1px;
110
91
  margin-left: -$popover-arrow-width;
92
+ content: " ";
111
93
  border-top-width: 0;
112
94
  border-bottom-color: $popover-arrow-color;
113
95
  }
@@ -121,11 +103,24 @@
121
103
  border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
122
104
  border-left-color: $popover-arrow-outer-color;
123
105
  &:after {
124
- content: " ";
125
106
  right: 1px;
107
+ bottom: -$popover-arrow-width;
108
+ content: " ";
126
109
  border-right-width: 0;
127
110
  border-left-color: $popover-arrow-color;
128
- bottom: -$popover-arrow-width;
129
111
  }
130
112
  }
131
113
  }
114
+
115
+ .popover-title {
116
+ padding: 8px 14px;
117
+ margin: 0; // reset heading margin
118
+ font-size: $font-size-base;
119
+ background-color: $popover-title-bg;
120
+ border-bottom: 1px solid darken($popover-title-bg, 5%);
121
+ border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;
122
+ }
123
+
124
+ .popover-content {
125
+ padding: 9px 14px;
126
+ }
@@ -6,96 +6,94 @@
6
6
  // ==========================================================================
7
7
 
8
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
- }
52
-
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
- // Bootstrap components
72
- .navbar {
73
- display: none;
74
- }
75
- .btn,
76
- .dropup > .btn {
77
- > .caret {
78
- border-top-color: #000 !important;
79
- }
80
- }
81
- .label {
82
- border: 1px solid #000;
83
- }
84
-
85
- .table {
86
- border-collapse: collapse !important;
87
-
88
- td,
89
- th {
90
- background-color: #fff !important;
91
- }
92
- }
93
- .table-bordered {
94
- th,
95
- td {
96
- border: 1px solid #ddd !important;
97
- }
98
- }
99
-
100
- // Bootstrap specific changes end
9
+ *,
10
+ *:before,
11
+ *:after {
12
+ color: #000 !important; // Black prints faster: h5bp.com/s
13
+ text-shadow: none !important;
14
+ background: transparent !important;
15
+ box-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
+ }
52
+
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
+ // Bootstrap components
72
+ .navbar {
73
+ display: none;
74
+ }
75
+ .btn,
76
+ .dropup > .btn {
77
+ > .caret {
78
+ border-top-color: #000 !important;
79
+ }
80
+ }
81
+ .label {
82
+ border: 1px solid #000;
83
+ }
84
+
85
+ .table {
86
+ border-collapse: collapse !important;
87
+
88
+ td,
89
+ th {
90
+ background-color: #fff !important;
91
+ }
92
+ }
93
+ .table-bordered {
94
+ th,
95
+ td {
96
+ border: 1px solid #ddd !important;
97
+ }
98
+ }
101
99
  }
@@ -24,12 +24,12 @@
24
24
 
25
25
  // Outer container
26
26
  .progress {
27
- overflow: hidden;
28
27
  height: $line-height-computed;
29
28
  margin-bottom: $line-height-computed;
29
+ overflow: hidden;
30
30
  background-color: $progress-bg;
31
31
  border-radius: $progress-border-radius;
32
- @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
32
+ @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, .1));
33
33
  }
34
34
 
35
35
  // Bar of progress
@@ -42,7 +42,7 @@
42
42
  color: $progress-bar-color;
43
43
  text-align: center;
44
44
  background-color: $progress-bar-bg;
45
- @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
45
+ @include box-shadow(inset 0 -1px 0 rgba(0, 0, 0, .15));
46
46
  @include transition(width .6s ease);
47
47
  }
48
48
 
@@ -16,10 +16,10 @@
16
16
  video {
17
17
  position: absolute;
18
18
  top: 0;
19
- left: 0;
20
19
  bottom: 0;
21
- height: 100%;
20
+ left: 0;
22
21
  width: 100%;
22
+ height: 100%;
23
23
  border: 0;
24
24
  }
25
25
  }
@@ -14,9 +14,9 @@
14
14
  // For more information, see the following:
15
15
  //
16
16
  // Issue: https://github.com/twbs/bootstrap/issues/10497
17
- // Docs: http://getbootstrap.com/getting-started/#support-ie10-width
18
- // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
19
- // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
17
+ // Docs: https://getbootstrap.com/docs/3.4/getting-started/#support-ie10-width
18
+ // Source: https://timkadlec.com/2013/01/windows-phone-8-and-device-width/
19
+ // Source: https://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
20
20
 
21
21
  @at-root {
22
22
  @-ms-viewport {
@@ -7,7 +7,7 @@
7
7
  //
8
8
  // Heads up! This reset may cause conflicts with some third-party widgets.
9
9
  // For recommendations on resolving such conflicts, see
10
- // http://getbootstrap.com/getting-started/#third-box-sizing
10
+ // https://getbootstrap.com/docs/3.4/getting-started/#third-box-sizing
11
11
  * {
12
12
  @include box-sizing(border-box);
13
13
  }
@@ -21,7 +21,7 @@
21
21
 
22
22
  html {
23
23
  font-size: 10px;
24
- -webkit-tap-highlight-color: rgba(0,0,0,0);
24
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
25
25
  }
26
26
 
27
27
  body {
@@ -111,7 +111,7 @@ img {
111
111
  // Horizontal rules
112
112
 
113
113
  hr {
114
- margin-top: $line-height-computed;
114
+ margin-top: $line-height-computed;
115
115
  margin-bottom: $line-height-computed;
116
116
  border: 0;
117
117
  border-top: 1px solid $hr-border;
@@ -120,21 +120,21 @@ hr {
120
120
 
121
121
  // Only display content to screen readers
122
122
  //
123
- // See: http://a11yproject.com/posts/how-to-hide-content
123
+ // See: https://a11yproject.com/posts/how-to-hide-content
124
124
 
125
125
  .sr-only {
126
126
  position: absolute;
127
127
  width: 1px;
128
128
  height: 1px;
129
- margin: -1px;
130
129
  padding: 0;
130
+ margin: -1px;
131
131
  overflow: hidden;
132
- clip: rect(0,0,0,0);
132
+ clip: rect(0, 0, 0, 0);
133
133
  border: 0;
134
134
  }
135
135
 
136
136
  // Use in conjunction with .sr-only to only display content when it's focused.
137
- // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
137
+ // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
138
138
  // Credit: HTML5 Boilerplate
139
139
 
140
140
  .sr-only-focusable {
@@ -5,13 +5,34 @@
5
5
 
6
6
  table {
7
7
  background-color: $table-bg;
8
+
9
+ // Table cell sizing
10
+ //
11
+ // Reset default table behavior
12
+
13
+ col[class*="col-"] {
14
+ position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
15
+ display: table-column;
16
+ float: none;
17
+ }
18
+
19
+ td,
20
+ th {
21
+ &[class*="col-"] {
22
+ position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
23
+ display: table-cell;
24
+ float: none;
25
+ }
26
+ }
8
27
  }
28
+
9
29
  caption {
10
30
  padding-top: $table-cell-padding;
11
31
  padding-bottom: $table-cell-padding;
12
32
  color: $text-muted;
13
33
  text-align: left;
14
34
  }
35
+
15
36
  th {
16
37
  text-align: left;
17
38
  }
@@ -128,27 +149,6 @@ th {
128
149
  }
129
150
 
130
151
 
131
- // Table cell sizing
132
- //
133
- // Reset default table behavior
134
-
135
- table col[class*="col-"] {
136
- position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
137
- float: none;
138
- display: table-column;
139
- }
140
- table {
141
- td,
142
- th {
143
- &[class*="col-"] {
144
- position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
145
- float: none;
146
- display: table-cell;
147
- }
148
- }
149
- }
150
-
151
-
152
152
  // Table backgrounds
153
153
  //
154
154
  // Exact selectors below required to override `.table-striped` and prevent
@@ -169,12 +169,12 @@ table {
169
169
  // will display normally.
170
170
 
171
171
  .table-responsive {
172
+ min-height: .01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
172
173
  overflow-x: auto;
173
- min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
174
174
 
175
175
  @media screen and (max-width: $screen-xs-max) {
176
176
  width: 100%;
177
- margin-bottom: ($line-height-computed * 0.75);
177
+ margin-bottom: ($line-height-computed * .75);
178
178
  overflow-y: hidden;
179
179
  -ms-overflow-style: -ms-autohiding-scrollbar;
180
180
  border: 1px solid $table-border-color;