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.
- checksums.yaml +5 -5
- data/.gitignore +1 -0
- data/.travis.yml +8 -12
- data/CHANGELOG.md +26 -0
- data/Gemfile +1 -4
- data/LICENSE +2 -1
- data/README.md +80 -74
- data/Rakefile +46 -11
- data/assets/javascripts/bootstrap.js +441 -178
- data/assets/javascripts/bootstrap.min.js +4 -5
- data/assets/javascripts/bootstrap/affix.js +8 -6
- data/assets/javascripts/bootstrap/alert.js +6 -5
- data/assets/javascripts/bootstrap/button.js +24 -15
- data/assets/javascripts/bootstrap/carousel.js +16 -7
- data/assets/javascripts/bootstrap/collapse.js +7 -6
- data/assets/javascripts/bootstrap/dropdown.js +49 -45
- data/assets/javascripts/bootstrap/modal.js +47 -28
- data/assets/javascripts/bootstrap/popover.js +25 -10
- data/assets/javascripts/bootstrap/scrollspy.js +4 -4
- data/assets/javascripts/bootstrap/tab.js +13 -11
- data/assets/javascripts/bootstrap/tooltip.js +232 -31
- data/assets/javascripts/bootstrap/transition.js +5 -5
- data/assets/stylesheets/_bootstrap-mincer.scss +2 -2
- data/assets/stylesheets/_bootstrap.scss +6 -0
- data/assets/stylesheets/bootstrap/_alerts.scss +3 -3
- data/assets/stylesheets/bootstrap/_badges.scss +3 -3
- data/assets/stylesheets/bootstrap/_breadcrumbs.scss +3 -1
- data/assets/stylesheets/bootstrap/_button-groups.scss +9 -8
- data/assets/stylesheets/bootstrap/_buttons.scss +17 -9
- data/assets/stylesheets/bootstrap/_carousel.scss +34 -32
- data/assets/stylesheets/bootstrap/_close.scss +1 -0
- data/assets/stylesheets/bootstrap/_code.scss +3 -3
- data/assets/stylesheets/bootstrap/_component-animations.scss +1 -0
- data/assets/stylesheets/bootstrap/_dropdowns.scss +22 -23
- data/assets/stylesheets/bootstrap/_forms.scss +101 -72
- data/assets/stylesheets/bootstrap/_glyphicons.scss +15 -13
- data/assets/stylesheets/bootstrap/_grid.scss +10 -0
- data/assets/stylesheets/bootstrap/_input-groups.scss +10 -5
- data/assets/stylesheets/bootstrap/_jumbotron.scss +8 -4
- data/assets/stylesheets/bootstrap/_labels.scss +1 -1
- data/assets/stylesheets/bootstrap/_list-group.scss +30 -26
- data/assets/stylesheets/bootstrap/_media.scss +6 -1
- data/assets/stylesheets/bootstrap/_mixins.scss +1 -0
- data/assets/stylesheets/bootstrap/_modals.scss +8 -8
- data/assets/stylesheets/bootstrap/_navbar.scss +75 -81
- data/assets/stylesheets/bootstrap/_navs.scss +4 -4
- data/assets/stylesheets/bootstrap/_normalize.scss +13 -13
- data/assets/stylesheets/bootstrap/_pager.scss +2 -2
- data/assets/stylesheets/bootstrap/_pagination.scss +15 -17
- data/assets/stylesheets/bootstrap/_panels.scss +11 -5
- data/assets/stylesheets/bootstrap/_popovers.scss +50 -59
- data/assets/stylesheets/bootstrap/_print.scss +90 -98
- data/assets/stylesheets/bootstrap/_progress-bars.scss +3 -3
- data/assets/stylesheets/bootstrap/_responsive-embed.scss +2 -2
- data/assets/stylesheets/bootstrap/_responsive-utilities.scss +7 -5
- data/assets/stylesheets/bootstrap/_scaffolding.scss +8 -9
- data/assets/stylesheets/bootstrap/_tables.scss +23 -23
- data/assets/stylesheets/bootstrap/_theme.scss +42 -20
- data/assets/stylesheets/bootstrap/_thumbnails.scss +1 -1
- data/assets/stylesheets/bootstrap/_tooltip.scss +42 -32
- data/assets/stylesheets/bootstrap/_type.scss +11 -11
- data/assets/stylesheets/bootstrap/_variables.scss +16 -8
- data/assets/stylesheets/bootstrap/_wells.scss +2 -2
- data/assets/stylesheets/bootstrap/mixins/_alerts.scss +2 -1
- data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +2 -1
- data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +4 -4
- data/assets/stylesheets/bootstrap/mixins/_buttons.scss +20 -11
- data/assets/stylesheets/bootstrap/mixins/_center-block.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_forms.scss +4 -4
- data/assets/stylesheets/bootstrap/mixins/_gradients.scss +6 -8
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +2 -2
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +8 -8
- data/assets/stylesheets/bootstrap/mixins/_hide-text.scss +2 -2
- data/assets/stylesheets/bootstrap/mixins/_image.scss +5 -10
- data/assets/stylesheets/bootstrap/mixins/_list-group.scss +3 -2
- data/assets/stylesheets/bootstrap/mixins/_opacity.scss +2 -3
- data/assets/stylesheets/bootstrap/mixins/_pagination.scss +2 -1
- data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
- data/assets/stylesheets/bootstrap/mixins/_resize.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +1 -5
- data/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +3 -3
- data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +2 -1
- data/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +3 -3
- data/bootstrap-sass.gemspec +10 -9
- data/bower.json +5 -9
- data/composer.json +2 -2
- data/eyeglass-exports.js +7 -0
- data/lib/bootstrap-sass.rb +18 -11
- data/lib/bootstrap-sass/engine.rb +6 -1
- data/lib/bootstrap-sass/version.rb +2 -2
- data/package-lock.json +1611 -0
- data/package.json +20 -6
- data/sache.json +1 -1
- data/tasks/converter/less_conversion.rb +20 -9
- data/tasks/converter/network.rb +2 -2
- data/templates/project/_bootstrap-variables.sass +17 -9
- data/test/compilation_test.rb +24 -12
- data/test/dummy_rails/config/application.rb +2 -1
- data/test/dummy_rails/config/boot.rb +1 -1
- data/test/dummy_sass_only/Gemfile +1 -1
- data/test/dummy_sass_only/compile.rb +14 -7
- data/test/dummy_sass_only/import_all.scss +2 -0
- data/test/gemfiles/default.gemfile +3 -0
- data/test/node_mincer_test.rb +2 -3
- data/test/node_sass_compile_test.sh +4 -3
- data/test/sass_test.rb +10 -7
- data/test/sprockets_rails_test.rb +12 -8
- data/test/support/dummy_rails_integration.rb +1 -1
- data/test/support/reporting.rb +10 -0
- data/test/test_helper.rb +3 -2
- metadata +38 -29
- data/test/compass_test.rb +0 -9
- data/test/dummy_sass_only/import_all.sass +0 -2
- data/test/gemfiles/sass_3_2.gemfile +0 -6
- data/test/gemfiles/sass_3_3.gemfile +0 -6
- data/test/gemfiles/sass_3_4.gemfile +0 -7
- 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
|
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
|
45
|
+
@include box-shadow(inset 0 -1px 0 rgba(0, 0, 0, .15));
|
46
46
|
@include transition(width .6s ease);
|
47
47
|
}
|
48
48
|
|
@@ -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:
|
18
|
-
// Source:
|
19
|
-
// Source:
|
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
|
-
|
22
|
-
|
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
|
-
//
|
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:
|
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:
|
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
|
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 *
|
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
|
22
|
-
$shadow: inset 0 1px 0 rgba(255,255,255
|
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
|
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
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
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 {
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
175
|
-
$shadow: inset 0 1px 0 rgba(255,255,255
|
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
|
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
|
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
|
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
|
}
|
@@ -8,41 +8,32 @@
|
|
8
8
|
position: absolute;
|
9
9
|
z-index: $zindex-tooltip;
|
10
10
|
display: block;
|
11
|
-
//
|
12
|
-
font
|
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
|
-
|
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
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
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
|
-
//
|
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
|
+
}
|