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
@@ -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;