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
@@ -1,9 +1,9 @@
1
1
  /* ========================================================================
2
- * Bootstrap: tooltip.js v3.3.7
3
- * http://getbootstrap.com/javascript/#tooltip
2
+ * Bootstrap: tooltip.js v3.4.0
3
+ * https://getbootstrap.com/docs/3.4/javascript/#tooltip
4
4
  * Inspired by the original jQuery.tipsy by Jason Frame
5
5
  * ========================================================================
6
- * Copyright 2011-2016 Twitter, Inc.
6
+ * Copyright 2011-2018 Twitter, Inc.
7
7
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
8
8
  * ======================================================================== */
9
9
 
@@ -26,7 +26,7 @@
26
26
  this.init('tooltip', element, options)
27
27
  }
28
28
 
29
- Tooltip.VERSION = '3.3.7'
29
+ Tooltip.VERSION = '3.4.0'
30
30
 
31
31
  Tooltip.TRANSITION_DURATION = 150
32
32
 
@@ -51,7 +51,7 @@
51
51
  this.type = type
52
52
  this.$element = $(element)
53
53
  this.options = this.getOptions(options)
54
- this.$viewport = this.options.viewport && $($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport))
54
+ this.$viewport = this.options.viewport && $(document).find($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport))
55
55
  this.inState = { click: false, hover: false, focus: false }
56
56
 
57
57
  if (this.$element[0] instanceof document.constructor && !this.options.selector) {
@@ -204,7 +204,7 @@
204
204
  .addClass(placement)
205
205
  .data('bs.' + this.type, this)
206
206
 
207
- this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
207
+ this.options.container ? $tip.appendTo($(document).find(this.options.container)) : $tip.insertAfter(this.$element)
208
208
  this.$element.trigger('inserted.bs.' + this.type)
209
209
 
210
210
  var pos = this.getPosition()
@@ -1,8 +1,8 @@
1
1
  /* ========================================================================
2
- * Bootstrap: transition.js v3.3.7
3
- * http://getbootstrap.com/javascript/#transitions
2
+ * Bootstrap: transition.js v3.4.0
3
+ * https://getbootstrap.com/docs/3.4/javascript/#transitions
4
4
  * ========================================================================
5
- * Copyright 2011-2016 Twitter, Inc.
5
+ * Copyright 2011-2018 Twitter, Inc.
6
6
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
7
7
  * ======================================================================== */
8
8
 
@@ -10,7 +10,7 @@
10
10
  +function ($) {
11
11
  'use strict';
12
12
 
13
- // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
13
+ // CSS TRANSITION SUPPORT (Shoutout: https://modernizr.com/)
14
14
  // ============================================================
15
15
 
16
16
  function transitionEnd() {
@@ -32,7 +32,7 @@
32
32
  return false // explicit for ie8 ( ._.)
33
33
  }
34
34
 
35
- // http://blog.alexmaccaw.com/css-transitions
35
+ // https://blog.alexmaccaw.com/css-transitions
36
36
  $.fn.emulateTransitionEnd = function (duration) {
37
37
  var called = false
38
38
  var $el = this
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Bootstrap v3.3.7 (http://getbootstrap.com)
3
- * Copyright 2011-2016 Twitter, Inc.
2
+ * Bootstrap v3.4.0 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 Twitter, Inc.
4
4
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5
5
  */
6
6
 
@@ -15,8 +15,7 @@
15
15
  // Headings for larger alerts
16
16
  h4 {
17
17
  margin-top: 0;
18
- // Specified for the h4 to prevent conflicts of changing $headings-color
19
- color: inherit;
18
+ color: inherit; // Specified for the h4 to prevent conflicts of changing $headings-color
20
19
  }
21
20
 
22
21
  // Provide class for links that match alerts
@@ -39,7 +38,8 @@
39
38
  //
40
39
  // Expand the right padding and account for the close button's positioning.
41
40
 
42
- .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
41
+ // The misspelled .alert-dismissable was deprecated in 3.2.0.
42
+ .alert-dismissable,
43
43
  .alert-dismissible {
44
44
  padding-right: ($alert-padding + 20);
45
45
 
@@ -10,11 +10,11 @@
10
10
  padding: 3px 7px;
11
11
  font-size: $font-size-small;
12
12
  font-weight: $badge-font-weight;
13
- color: $badge-color;
14
13
  line-height: $badge-line-height;
15
- vertical-align: middle;
16
- white-space: nowrap;
14
+ color: $badge-color;
17
15
  text-align: center;
16
+ white-space: nowrap;
17
+ vertical-align: middle;
18
18
  background-color: $badge-bg;
19
19
  border-radius: $badge-border-radius;
20
20
 
@@ -14,11 +14,11 @@
14
14
  display: inline-block;
15
15
 
16
16
  + li:before {
17
+ padding: 0 5px;
18
+ color: $breadcrumb-color;
17
19
  // [converter] Workaround for https://github.com/sass/libsass/issues/1115
18
20
  $nbsp: "\00a0";
19
21
  content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space
20
- padding: 0 5px;
21
- color: $breadcrumb-color;
22
22
  }
23
23
  }
24
24
 
@@ -103,18 +103,18 @@
103
103
 
104
104
  // Give the line between buttons some depth
105
105
  .btn-group > .btn + .dropdown-toggle {
106
- padding-left: 8px;
107
106
  padding-right: 8px;
107
+ padding-left: 8px;
108
108
  }
109
109
  .btn-group > .btn-lg + .dropdown-toggle {
110
- padding-left: 12px;
111
110
  padding-right: 12px;
111
+ padding-left: 12px;
112
112
  }
113
113
 
114
114
  // The clickable button for toggling the menu
115
115
  // Remove the gradient and set the same inset shadow as the :active state
116
116
  .btn-group.open .dropdown-toggle {
117
- @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
117
+ @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
118
118
 
119
119
  // Show no shadow for `.btn-link` since it has no other button styles.
120
120
  &.btn-link {
@@ -205,8 +205,8 @@
205
205
  border-collapse: separate;
206
206
  > .btn,
207
207
  > .btn-group {
208
- float: none;
209
208
  display: table-cell;
209
+ float: none;
210
210
  width: 1%;
211
211
  }
212
212
  > .btn-group .btn {
@@ -237,7 +237,7 @@
237
237
  input[type="radio"],
238
238
  input[type="checkbox"] {
239
239
  position: absolute;
240
- clip: rect(0,0,0,0);
240
+ clip: rect(0, 0, 0, 0);
241
241
  pointer-events: none;
242
242
  }
243
243
  }
@@ -11,12 +11,12 @@
11
11
  margin-bottom: 0; // For input.btn
12
12
  font-weight: $btn-font-weight;
13
13
  text-align: center;
14
+ white-space: nowrap;
14
15
  vertical-align: middle;
15
16
  touch-action: manipulation;
16
17
  cursor: pointer;
17
18
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
18
19
  border: 1px solid transparent;
19
- white-space: nowrap;
20
20
  @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base);
21
21
  @include user-select(none);
22
22
 
@@ -38,9 +38,9 @@
38
38
 
39
39
  &:active,
40
40
  &.active {
41
- outline: 0;
42
41
  background-image: none;
43
- @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
42
+ outline: 0;
43
+ @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
44
44
  }
45
45
 
46
46
  &.disabled,
@@ -94,8 +94,8 @@ a.btn {
94
94
 
95
95
  // Make a button look and behave like a link
96
96
  .btn-link {
97
+ font-weight: 400;
97
98
  color: $link-color;
98
- font-weight: normal;
99
99
  border-radius: 0;
100
100
 
101
101
  &,
@@ -10,12 +10,12 @@
10
10
 
11
11
  .carousel-inner {
12
12
  position: relative;
13
- overflow: hidden;
14
13
  width: 100%;
14
+ overflow: hidden;
15
15
 
16
16
  > .item {
17
- display: none;
18
17
  position: relative;
18
+ display: none;
19
19
  @include transition(.6s ease-in-out left);
20
20
 
21
21
  // Account for jankitude on images
@@ -93,34 +93,34 @@
93
93
  .carousel-control {
94
94
  position: absolute;
95
95
  top: 0;
96
- left: 0;
97
96
  bottom: 0;
97
+ left: 0;
98
98
  width: $carousel-control-width;
99
- @include opacity($carousel-control-opacity);
100
99
  font-size: $carousel-control-font-size;
101
100
  color: $carousel-control-color;
102
101
  text-align: center;
103
102
  text-shadow: $carousel-text-shadow;
104
103
  background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug
104
+ @include opacity($carousel-control-opacity);
105
105
  // We can't have this transition here because WebKit cancels the carousel
106
106
  // animation if you trip this while in the middle of another animation.
107
107
 
108
108
  // Set gradients for backgrounds
109
109
  &.left {
110
- @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
110
+ @include gradient-horizontal($start-color: rgba(0, 0, 0, .5), $end-color: rgba(0, 0, 0, .0001));
111
111
  }
112
112
  &.right {
113
- left: auto;
114
113
  right: 0;
115
- @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
114
+ left: auto;
115
+ @include gradient-horizontal($start-color: rgba(0, 0, 0, .0001), $end-color: rgba(0, 0, 0, .5));
116
116
  }
117
117
 
118
118
  // Hover/focus state
119
119
  &:hover,
120
120
  &:focus {
121
- outline: 0;
122
121
  color: $carousel-control-color;
123
122
  text-decoration: none;
123
+ outline: 0;
124
124
  @include opacity(.9);
125
125
  }
126
126
 
@@ -131,9 +131,9 @@
131
131
  .glyphicon-chevron-right {
132
132
  position: absolute;
133
133
  top: 50%;
134
- margin-top: -10px;
135
134
  z-index: 5;
136
135
  display: inline-block;
136
+ margin-top: -10px;
137
137
  }
138
138
  .icon-prev,
139
139
  .glyphicon-chevron-left {
@@ -147,21 +147,20 @@
147
147
  }
148
148
  .icon-prev,
149
149
  .icon-next {
150
- width: 20px;
150
+ width: 20px;
151
151
  height: 20px;
152
- line-height: 1;
153
152
  font-family: serif;
153
+ line-height: 1;
154
154
  }
155
155
 
156
-
157
156
  .icon-prev {
158
157
  &:before {
159
- content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
158
+ content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
160
159
  }
161
160
  }
162
161
  .icon-next {
163
162
  &:before {
164
- content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
163
+ content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
165
164
  }
166
165
  }
167
166
  }
@@ -177,21 +176,18 @@
177
176
  left: 50%;
178
177
  z-index: 15;
179
178
  width: 60%;
180
- margin-left: -30%;
181
179
  padding-left: 0;
182
- list-style: none;
180
+ margin-left: -30%;
183
181
  text-align: center;
182
+ list-style: none;
184
183
 
185
184
  li {
186
185
  display: inline-block;
187
- width: 10px;
186
+ width: 10px;
188
187
  height: 10px;
189
188
  margin: 1px;
190
189
  text-indent: -999px;
191
- border: 1px solid $carousel-indicator-border-color;
192
- border-radius: 10px;
193
190
  cursor: pointer;
194
-
195
191
  // IE8-9 hack for event handling
196
192
  //
197
193
  // Internet Explorer 8-9 does not support clicks on elements without a set
@@ -202,12 +198,16 @@
202
198
  // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
203
199
  // set alpha transparency for the best results possible.
204
200
  background-color: #000 \9; // IE8
205
- background-color: rgba(0,0,0,0); // IE9
201
+ background-color: rgba(0, 0, 0, 0); // IE9
202
+
203
+ border: 1px solid $carousel-indicator-border-color;
204
+ border-radius: 10px;
206
205
  }
206
+
207
207
  .active {
208
- margin: 0;
209
- width: 12px;
208
+ width: 12px;
210
209
  height: 12px;
210
+ margin: 0;
211
211
  background-color: $carousel-indicator-active-bg;
212
212
  }
213
213
  }
@@ -217,15 +217,16 @@
217
217
  // Hidden by default for smaller viewports
218
218
  .carousel-caption {
219
219
  position: absolute;
220
- left: 15%;
221
220
  right: 15%;
222
221
  bottom: 20px;
222
+ left: 15%;
223
223
  z-index: 10;
224
224
  padding-top: 20px;
225
225
  padding-bottom: 20px;
226
226
  color: $carousel-caption-color;
227
227
  text-align: center;
228
228
  text-shadow: $carousel-text-shadow;
229
+
229
230
  & .btn {
230
231
  text-shadow: none; // No shadow for button elements in carousel-caption
231
232
  }
@@ -258,8 +259,8 @@
258
259
 
259
260
  // Show and left align the captions
260
261
  .carousel-caption {
261
- left: 20%;
262
262
  right: 20%;
263
+ left: 20%;
263
264
  padding-bottom: 30px;
264
265
  }
265
266
 
@@ -33,4 +33,5 @@ button.close {
33
33
  background: transparent;
34
34
  border: 0;
35
35
  -webkit-appearance: none;
36
+ appearance: none;
36
37
  }
@@ -27,12 +27,12 @@ kbd {
27
27
  color: $kbd-color;
28
28
  background-color: $kbd-bg;
29
29
  border-radius: $border-radius-small;
30
- box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
30
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
31
31
 
32
32
  kbd {
33
33
  padding: 0;
34
34
  font-size: 100%;
35
- font-weight: bold;
35
+ font-weight: 700;
36
36
  box-shadow: none;
37
37
  }
38
38
  }
@@ -44,9 +44,9 @@ pre {
44
44
  margin: 0 0 ($line-height-computed / 2);
45
45
  font-size: ($font-size-base - 1); // 14px to 13px
46
46
  line-height: $line-height-base;
47
+ color: $pre-color;
47
48
  word-break: break-all;
48
49
  word-wrap: break-word;
49
- color: $pre-color;
50
50
  background-color: $pre-bg;
51
51
  border: 1px solid $pre-border-color;
52
52
  border-radius: $border-radius-base;
@@ -10,6 +10,7 @@
10
10
  .fade {
11
11
  opacity: 0;
12
12
  @include transition(opacity .15s linear);
13
+
13
14
  &.in {
14
15
  opacity: 1;
15
16
  }
@@ -10,10 +10,10 @@
10
10
  height: 0;
11
11
  margin-left: 2px;
12
12
  vertical-align: middle;
13
- border-top: $caret-width-base dashed;
14
- border-top: $caret-width-base solid \9; // IE8
13
+ border-top: $caret-width-base dashed;
14
+ border-top: $caret-width-base solid \9; // IE8
15
15
  border-right: $caret-width-base solid transparent;
16
- border-left: $caret-width-base solid transparent;
16
+ border-left: $caret-width-base solid transparent;
17
17
  }
18
18
 
19
19
  // The dropdown wrapper (div)
@@ -38,15 +38,15 @@
38
38
  min-width: 160px;
39
39
  padding: 5px 0;
40
40
  margin: 2px 0 0; // override default ul
41
- list-style: none;
42
41
  font-size: $font-size-base;
43
42
  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
43
+ list-style: none;
44
44
  background-color: $dropdown-bg;
45
+ background-clip: padding-box;
45
46
  border: 1px solid $dropdown-fallback-border; // IE8 fallback
46
47
  border: 1px solid $dropdown-border;
47
48
  border-radius: $border-radius-base;
48
- @include box-shadow(0 6px 12px rgba(0,0,0,.175));
49
- background-clip: padding-box;
49
+ @include box-shadow(0 6px 12px rgba(0, 0, 0, .175));
50
50
 
51
51
  // Aligns the dropdown menu to right
52
52
  //
@@ -66,20 +66,17 @@
66
66
  display: block;
67
67
  padding: 3px 20px;
68
68
  clear: both;
69
- font-weight: normal;
69
+ font-weight: 400;
70
70
  line-height: $line-height-base;
71
71
  color: $dropdown-link-color;
72
72
  white-space: nowrap; // prevent links from randomly breaking onto new lines
73
- }
74
- }
75
73
 
76
- // Hover/Focus state
77
- .dropdown-menu > li > a {
78
- &:hover,
79
- &:focus {
80
- text-decoration: none;
81
- color: $dropdown-link-hover-color;
82
- background-color: $dropdown-link-hover-bg;
74
+ &:hover,
75
+ &:focus {
76
+ color: $dropdown-link-hover-color;
77
+ text-decoration: none;
78
+ background-color: $dropdown-link-hover-bg;
79
+ }
83
80
  }
84
81
  }
85
82
 
@@ -90,8 +87,8 @@
90
87
  &:focus {
91
88
  color: $dropdown-link-active-color;
92
89
  text-decoration: none;
93
- outline: 0;
94
90
  background-color: $dropdown-link-active-bg;
91
+ outline: 0;
95
92
  }
96
93
  }
97
94
 
@@ -110,10 +107,10 @@
110
107
  &:hover,
111
108
  &:focus {
112
109
  text-decoration: none;
110
+ cursor: $cursor-disabled;
113
111
  background-color: transparent;
114
112
  background-image: none; // Remove CSS gradient
115
113
  @include reset-filter;
116
- cursor: $cursor-disabled;
117
114
  }
118
115
  }
119
116
 
@@ -135,8 +132,8 @@
135
132
  // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
136
133
  // menu with the parent.
137
134
  .dropdown-menu-right {
138
- left: auto; // Reset the default from `.dropdown-menu`
139
135
  right: 0;
136
+ left: auto; // Reset the default from `.dropdown-menu`
140
137
  }
141
138
  // With v3, we enabled auto-flipping if you have a dropdown within a right
142
139
  // aligned nav component. To enable the undoing of that, we provide an override
@@ -145,8 +142,8 @@
145
142
  // This is only for left-aligning a dropdown menu within a `.navbar-right` or
146
143
  // `.pull-right` nav component.
147
144
  .dropdown-menu-left {
148
- left: 0;
149
145
  right: auto;
146
+ left: 0;
150
147
  }
151
148
 
152
149
  // Dropdown section headers
@@ -162,10 +159,10 @@
162
159
  // Backdrop to catch body clicks on mobile, etc.
163
160
  .dropdown-backdrop {
164
161
  position: fixed;
165
- left: 0;
162
+ top: 0;
166
163
  right: 0;
167
164
  bottom: 0;
168
- top: 0;
165
+ left: 0;
169
166
  z-index: ($zindex-dropdown - 10);
170
167
  }
171
168
 
@@ -184,10 +181,10 @@
184
181
  .navbar-fixed-bottom .dropdown {
185
182
  // Reverse the caret
186
183
  .caret {
184
+ content: "";
187
185
  border-top: 0;
188
186
  border-bottom: $caret-width-base dashed;
189
187
  border-bottom: $caret-width-base solid \9; // IE8
190
- content: "";
191
188
  }
192
189
  // Different positioning for bottom up menu
193
190
  .dropdown-menu {