bootstrap-sass 3.3.4.1 → 3.4.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (118) hide show
  1. checksums.yaml +5 -5
  2. data/.gitignore +1 -0
  3. data/.travis.yml +8 -12
  4. data/CHANGELOG.md +26 -0
  5. data/Gemfile +1 -4
  6. data/LICENSE +2 -1
  7. data/README.md +80 -74
  8. data/Rakefile +46 -11
  9. data/assets/javascripts/bootstrap.js +441 -178
  10. data/assets/javascripts/bootstrap.min.js +4 -5
  11. data/assets/javascripts/bootstrap/affix.js +8 -6
  12. data/assets/javascripts/bootstrap/alert.js +6 -5
  13. data/assets/javascripts/bootstrap/button.js +24 -15
  14. data/assets/javascripts/bootstrap/carousel.js +16 -7
  15. data/assets/javascripts/bootstrap/collapse.js +7 -6
  16. data/assets/javascripts/bootstrap/dropdown.js +49 -45
  17. data/assets/javascripts/bootstrap/modal.js +47 -28
  18. data/assets/javascripts/bootstrap/popover.js +25 -10
  19. data/assets/javascripts/bootstrap/scrollspy.js +4 -4
  20. data/assets/javascripts/bootstrap/tab.js +13 -11
  21. data/assets/javascripts/bootstrap/tooltip.js +232 -31
  22. data/assets/javascripts/bootstrap/transition.js +5 -5
  23. data/assets/stylesheets/_bootstrap-mincer.scss +2 -2
  24. data/assets/stylesheets/_bootstrap.scss +6 -0
  25. data/assets/stylesheets/bootstrap/_alerts.scss +3 -3
  26. data/assets/stylesheets/bootstrap/_badges.scss +3 -3
  27. data/assets/stylesheets/bootstrap/_breadcrumbs.scss +3 -1
  28. data/assets/stylesheets/bootstrap/_button-groups.scss +9 -8
  29. data/assets/stylesheets/bootstrap/_buttons.scss +17 -9
  30. data/assets/stylesheets/bootstrap/_carousel.scss +34 -32
  31. data/assets/stylesheets/bootstrap/_close.scss +1 -0
  32. data/assets/stylesheets/bootstrap/_code.scss +3 -3
  33. data/assets/stylesheets/bootstrap/_component-animations.scss +1 -0
  34. data/assets/stylesheets/bootstrap/_dropdowns.scss +22 -23
  35. data/assets/stylesheets/bootstrap/_forms.scss +101 -72
  36. data/assets/stylesheets/bootstrap/_glyphicons.scss +15 -13
  37. data/assets/stylesheets/bootstrap/_grid.scss +10 -0
  38. data/assets/stylesheets/bootstrap/_input-groups.scss +10 -5
  39. data/assets/stylesheets/bootstrap/_jumbotron.scss +8 -4
  40. data/assets/stylesheets/bootstrap/_labels.scss +1 -1
  41. data/assets/stylesheets/bootstrap/_list-group.scss +30 -26
  42. data/assets/stylesheets/bootstrap/_media.scss +6 -1
  43. data/assets/stylesheets/bootstrap/_mixins.scss +1 -0
  44. data/assets/stylesheets/bootstrap/_modals.scss +8 -8
  45. data/assets/stylesheets/bootstrap/_navbar.scss +75 -81
  46. data/assets/stylesheets/bootstrap/_navs.scss +4 -4
  47. data/assets/stylesheets/bootstrap/_normalize.scss +13 -13
  48. data/assets/stylesheets/bootstrap/_pager.scss +2 -2
  49. data/assets/stylesheets/bootstrap/_pagination.scss +15 -17
  50. data/assets/stylesheets/bootstrap/_panels.scss +11 -5
  51. data/assets/stylesheets/bootstrap/_popovers.scss +50 -59
  52. data/assets/stylesheets/bootstrap/_print.scss +90 -98
  53. data/assets/stylesheets/bootstrap/_progress-bars.scss +3 -3
  54. data/assets/stylesheets/bootstrap/_responsive-embed.scss +2 -2
  55. data/assets/stylesheets/bootstrap/_responsive-utilities.scss +7 -5
  56. data/assets/stylesheets/bootstrap/_scaffolding.scss +8 -9
  57. data/assets/stylesheets/bootstrap/_tables.scss +23 -23
  58. data/assets/stylesheets/bootstrap/_theme.scss +42 -20
  59. data/assets/stylesheets/bootstrap/_thumbnails.scss +1 -1
  60. data/assets/stylesheets/bootstrap/_tooltip.scss +42 -32
  61. data/assets/stylesheets/bootstrap/_type.scss +11 -11
  62. data/assets/stylesheets/bootstrap/_variables.scss +16 -8
  63. data/assets/stylesheets/bootstrap/_wells.scss +2 -2
  64. data/assets/stylesheets/bootstrap/mixins/_alerts.scss +2 -1
  65. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +2 -1
  66. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +4 -4
  67. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +20 -11
  68. data/assets/stylesheets/bootstrap/mixins/_center-block.scss +1 -1
  69. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +1 -1
  70. data/assets/stylesheets/bootstrap/mixins/_forms.scss +4 -4
  71. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +6 -8
  72. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +2 -2
  73. data/assets/stylesheets/bootstrap/mixins/_grid.scss +8 -8
  74. data/assets/stylesheets/bootstrap/mixins/_hide-text.scss +2 -2
  75. data/assets/stylesheets/bootstrap/mixins/_image.scss +5 -10
  76. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +3 -2
  77. data/assets/stylesheets/bootstrap/mixins/_opacity.scss +2 -3
  78. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +2 -1
  79. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
  80. data/assets/stylesheets/bootstrap/mixins/_resize.scss +1 -1
  81. data/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +1 -5
  82. data/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +3 -3
  83. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +2 -1
  84. data/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +3 -3
  85. data/bootstrap-sass.gemspec +10 -9
  86. data/bower.json +5 -9
  87. data/composer.json +2 -2
  88. data/eyeglass-exports.js +7 -0
  89. data/lib/bootstrap-sass.rb +18 -11
  90. data/lib/bootstrap-sass/engine.rb +6 -1
  91. data/lib/bootstrap-sass/version.rb +2 -2
  92. data/package-lock.json +1611 -0
  93. data/package.json +20 -6
  94. data/sache.json +1 -1
  95. data/tasks/converter/less_conversion.rb +20 -9
  96. data/tasks/converter/network.rb +2 -2
  97. data/templates/project/_bootstrap-variables.sass +17 -9
  98. data/test/compilation_test.rb +24 -12
  99. data/test/dummy_rails/config/application.rb +2 -1
  100. data/test/dummy_rails/config/boot.rb +1 -1
  101. data/test/dummy_sass_only/Gemfile +1 -1
  102. data/test/dummy_sass_only/compile.rb +14 -7
  103. data/test/dummy_sass_only/import_all.scss +2 -0
  104. data/test/gemfiles/default.gemfile +3 -0
  105. data/test/node_mincer_test.rb +2 -3
  106. data/test/node_sass_compile_test.sh +4 -3
  107. data/test/sass_test.rb +10 -7
  108. data/test/sprockets_rails_test.rb +12 -8
  109. data/test/support/dummy_rails_integration.rb +1 -1
  110. data/test/support/reporting.rb +10 -0
  111. data/test/test_helper.rb +3 -2
  112. metadata +38 -29
  113. data/test/compass_test.rb +0 -9
  114. data/test/dummy_sass_only/import_all.sass +0 -2
  115. data/test/gemfiles/sass_3_2.gemfile +0 -6
  116. data/test/gemfiles/sass_3_3.gemfile +0 -6
  117. data/test/gemfiles/sass_3_4.gemfile +0 -7
  118. data/test/gemfiles/sass_head.gemfile +0 -6
@@ -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,12 +14,14 @@
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
- @-ms-viewport {
22
- width: device-width;
21
+ @at-root {
22
+ @-ms-viewport {
23
+ width: device-width;
24
+ }
23
25
  }
24
26
 
25
27
 
@@ -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 {
@@ -155,8 +155,7 @@ hr {
155
155
  // Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
156
156
  // for traditionally non-focusable elements with role="button"
157
157
  // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
158
- // Upstream patch for normalize.css submitted: https://github.com/necolas/normalize.css/pull/379 - remove this fix once that is merged
159
158
 
160
159
  [role="button"] {
161
160
  cursor: pointer;
162
- }
161
+ }
@@ -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;
@@ -1,3 +1,8 @@
1
+ /*!
2
+ * Bootstrap v3.4.1 (https://getbootstrap.com/)
3
+ * Copyright 2011-2019 Twitter, Inc.
4
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5
+ */
1
6
 
2
7
  //
3
8
  // Load core variables and mixins
@@ -18,14 +23,20 @@
18
23
  .btn-info,
19
24
  .btn-warning,
20
25
  .btn-danger {
21
- text-shadow: 0 -1px 0 rgba(0,0,0,.2);
22
- $shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
26
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
27
+ $shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
23
28
  @include box-shadow($shadow);
24
29
 
25
30
  // Reset the shadow
26
31
  &:active,
27
32
  &.active {
28
- @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
33
+ @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
34
+ }
35
+
36
+ &.disabled,
37
+ &[disabled],
38
+ fieldset[disabled] & {
39
+ @include box-shadow(none);
29
40
  }
30
41
 
31
42
  .badge {
@@ -53,10 +64,17 @@
53
64
  }
54
65
 
55
66
  &.disabled,
56
- &:disabled,
57
- &[disabled] {
58
- background-color: darken($btn-color, 12%);
59
- background-image: none;
67
+ &[disabled],
68
+ fieldset[disabled] & {
69
+ &,
70
+ &:hover,
71
+ &:focus,
72
+ &.focus,
73
+ &:active,
74
+ &.active {
75
+ background-color: darken($btn-color, 12%);
76
+ background-image: none;
77
+ }
60
78
  }
61
79
  }
62
80
 
@@ -70,7 +88,11 @@
70
88
  }
71
89
 
72
90
  // Apply the mixin to the buttons
73
- .btn-default { @include btn-styles($btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
91
+ .btn-default {
92
+ @include btn-styles($btn-default-bg);
93
+ text-shadow: 0 1px 0 #fff;
94
+ border-color: #ccc;
95
+ }
74
96
  .btn-primary { @include btn-styles($btn-primary-bg); }
75
97
  .btn-success { @include btn-styles($btn-success-bg); }
76
98
  .btn-info { @include btn-styles($btn-info-bg); }
@@ -84,7 +106,7 @@
84
106
 
85
107
  .thumbnail,
86
108
  .img-thumbnail {
87
- @include box-shadow(0 1px 2px rgba(0,0,0,.075));
109
+ @include box-shadow(0 1px 2px rgba(0, 0, 0, .075));
88
110
  }
89
111
 
90
112
 
@@ -114,34 +136,34 @@
114
136
  @include gradient-vertical($start-color: lighten($navbar-default-bg, 10%), $end-color: $navbar-default-bg);
115
137
  @include reset-filter; // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
116
138
  border-radius: $navbar-border-radius;
117
- $shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
139
+ $shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
118
140
  @include box-shadow($shadow);
119
141
 
120
142
  .navbar-nav > .open > a,
121
143
  .navbar-nav > .active > a {
122
144
  @include gradient-vertical($start-color: darken($navbar-default-link-active-bg, 5%), $end-color: darken($navbar-default-link-active-bg, 2%));
123
- @include box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
145
+ @include box-shadow(inset 0 3px 9px rgba(0, 0, 0, .075));
124
146
  }
125
147
  }
126
148
  .navbar-brand,
127
149
  .navbar-nav > li > a {
128
- text-shadow: 0 1px 0 rgba(255,255,255,.25);
150
+ text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
129
151
  }
130
152
 
131
153
  // Inverted navbar
132
154
  .navbar-inverse {
133
155
  @include gradient-vertical($start-color: lighten($navbar-inverse-bg, 10%), $end-color: $navbar-inverse-bg);
134
156
  @include reset-filter; // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered; see https://github.com/twbs/bootstrap/issues/10257
135
-
157
+ border-radius: $navbar-border-radius;
136
158
  .navbar-nav > .open > a,
137
159
  .navbar-nav > .active > a {
138
160
  @include gradient-vertical($start-color: $navbar-inverse-link-active-bg, $end-color: lighten($navbar-inverse-link-active-bg, 2.5%));
139
- @include box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
161
+ @include box-shadow(inset 0 3px 9px rgba(0, 0, 0, .25));
140
162
  }
141
163
 
142
164
  .navbar-brand,
143
165
  .navbar-nav > li > a {
144
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
166
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
145
167
  }
146
168
  }
147
169
 
@@ -171,8 +193,8 @@
171
193
 
172
194
  // Common styles
173
195
  .alert {
174
- text-shadow: 0 1px 0 rgba(255,255,255,.2);
175
- $shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
196
+ text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
197
+ $shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
176
198
  @include box-shadow($shadow);
177
199
  }
178
200
 
@@ -223,7 +245,7 @@
223
245
 
224
246
  .list-group {
225
247
  border-radius: $border-radius-base;
226
- @include box-shadow(0 1px 2px rgba(0,0,0,.075));
248
+ @include box-shadow(0 1px 2px rgba(0, 0, 0, .075));
227
249
  }
228
250
  .list-group-item.active,
229
251
  .list-group-item.active:hover,
@@ -244,7 +266,7 @@
244
266
 
245
267
  // Common styles
246
268
  .panel {
247
- @include box-shadow(0 1px 2px rgba(0,0,0,.05));
269
+ @include box-shadow(0 1px 2px rgba(0, 0, 0, .05));
248
270
  }
249
271
 
250
272
  // Mixin for generating new styles
@@ -268,6 +290,6 @@
268
290
  .well {
269
291
  @include gradient-vertical($start-color: darken($well-bg, 5%), $end-color: $well-bg);
270
292
  border-color: darken($well-bg, 10%);
271
- $shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
293
+ $shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
272
294
  @include box-shadow($shadow);
273
295
  }
@@ -17,8 +17,8 @@
17
17
  > img,
18
18
  a > img {
19
19
  @include img-responsive;
20
- margin-left: auto;
21
20
  margin-right: auto;
21
+ margin-left: auto;
22
22
  }
23
23
 
24
24
  // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
@@ -8,41 +8,32 @@
8
8
  position: absolute;
9
9
  z-index: $zindex-tooltip;
10
10
  display: block;
11
- // Reset font and text properties given new insertion method
12
- font-family: $font-family-base;
11
+ // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
12
+ // So reset our font and text properties to avoid inheriting weird values.
13
+ @include reset-text;
13
14
  font-size: $font-size-small;
14
- font-weight: normal;
15
- line-height: 1.4;
16
- @include opacity(0);
17
15
 
18
- &.in { @include opacity($tooltip-opacity); }
19
- &.top { margin-top: -3px; padding: $tooltip-arrow-width 0; }
20
- &.right { margin-left: 3px; padding: 0 $tooltip-arrow-width; }
21
- &.bottom { margin-top: 3px; padding: $tooltip-arrow-width 0; }
22
- &.left { margin-left: -3px; padding: 0 $tooltip-arrow-width; }
23
- }
16
+ @include opacity(0);
24
17
 
25
- // Wrapper for the tooltip content
26
- .tooltip-inner {
27
- max-width: $tooltip-max-width;
28
- padding: 3px 8px;
29
- color: $tooltip-color;
30
- text-align: center;
31
- text-decoration: none;
32
- background-color: $tooltip-bg;
33
- border-radius: $border-radius-base;
34
- }
18
+ &.in { @include opacity($tooltip-opacity); }
19
+ &.top {
20
+ padding: $tooltip-arrow-width 0;
21
+ margin-top: -3px;
22
+ }
23
+ &.right {
24
+ padding: 0 $tooltip-arrow-width;
25
+ margin-left: 3px;
26
+ }
27
+ &.bottom {
28
+ padding: $tooltip-arrow-width 0;
29
+ margin-top: 3px;
30
+ }
31
+ &.left {
32
+ padding: 0 $tooltip-arrow-width;
33
+ margin-left: -3px;
34
+ }
35
35
 
36
- // Arrows
37
- .tooltip-arrow {
38
- position: absolute;
39
- width: 0;
40
- height: 0;
41
- border-color: transparent;
42
- border-style: solid;
43
- }
44
- // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
45
- .tooltip {
36
+ // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
46
37
  &.top .tooltip-arrow {
47
38
  bottom: 0;
48
39
  left: 50%;
@@ -51,8 +42,8 @@
51
42
  border-top-color: $tooltip-arrow-color;
52
43
  }
53
44
  &.top-left .tooltip-arrow {
54
- bottom: 0;
55
45
  right: $tooltip-arrow-width;
46
+ bottom: 0;
56
47
  margin-bottom: -$tooltip-arrow-width;
57
48
  border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
58
49
  border-top-color: $tooltip-arrow-color;
@@ -100,3 +91,22 @@
100
91
  border-bottom-color: $tooltip-arrow-color;
101
92
  }
102
93
  }
94
+
95
+ // Wrapper for the tooltip content
96
+ .tooltip-inner {
97
+ max-width: $tooltip-max-width;
98
+ padding: 3px 8px;
99
+ color: $tooltip-color;
100
+ text-align: center;
101
+ background-color: $tooltip-bg;
102
+ border-radius: $border-radius-base;
103
+ }
104
+
105
+ // Arrows
106
+ .tooltip-arrow {
107
+ position: absolute;
108
+ width: 0;
109
+ height: 0;
110
+ border-color: transparent;
111
+ border-style: solid;
112
+ }