fomantic-ui 2.9.0-beta.273 → 2.9.0-beta.274
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.
- package/dist/components/accordion.css +4 -4
- package/dist/components/accordion.js +1 -1
- package/dist/components/accordion.min.css +2 -2
- package/dist/components/accordion.min.js +1 -1
- package/dist/components/ad.css +4 -4
- package/dist/components/ad.min.css +2 -2
- package/dist/components/api.js +1 -1
- package/dist/components/api.min.js +1 -1
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +15 -15
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +1 -1
- package/dist/components/calendar.js +2 -2
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +2 -2
- package/dist/components/card.css +8 -8
- package/dist/components/card.min.css +2 -2
- package/dist/components/checkbox.css +91 -91
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +1 -1
- package/dist/components/comment.css +2 -2
- package/dist/components/comment.min.css +2 -2
- package/dist/components/container.css +1 -1
- package/dist/components/container.min.css +1 -1
- package/dist/components/dimmer.css +1 -1
- package/dist/components/dimmer.js +1 -1
- package/dist/components/dimmer.min.css +1 -1
- package/dist/components/dimmer.min.js +1 -1
- package/dist/components/divider.css +31 -31
- package/dist/components/divider.min.css +2 -2
- package/dist/components/dropdown.css +36 -36
- package/dist/components/dropdown.js +1 -1
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +1 -1
- package/dist/components/embed.css +5 -5
- package/dist/components/embed.js +1 -1
- package/dist/components/embed.min.css +2 -2
- package/dist/components/embed.min.js +1 -1
- package/dist/components/emoji.css +7120 -7120
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +2 -2
- package/dist/components/feed.min.css +2 -2
- package/dist/components/flag.css +554 -554
- package/dist/components/flag.min.css +2 -2
- package/dist/components/form.css +36 -36
- package/dist/components/form.js +1 -1
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +1 -1
- package/dist/components/grid.css +12 -12
- package/dist/components/grid.min.css +2 -2
- package/dist/components/header.css +3 -3
- package/dist/components/header.min.css +2 -2
- package/dist/components/icon.css +1960 -1960
- package/dist/components/icon.min.css +2 -2
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +5 -5
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +4 -4
- package/dist/components/item.min.css +2 -2
- package/dist/components/label.css +64 -64
- package/dist/components/label.min.css +2 -2
- package/dist/components/list.css +30 -30
- package/dist/components/list.min.css +2 -2
- package/dist/components/loader.css +352 -352
- package/dist/components/loader.min.css +2 -2
- package/dist/components/menu.css +70 -70
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +2 -2
- package/dist/components/message.min.css +2 -2
- package/dist/components/modal.css +1 -1
- package/dist/components/modal.js +1 -1
- package/dist/components/modal.min.css +1 -1
- package/dist/components/modal.min.js +1 -1
- package/dist/components/nag.css +1 -1
- package/dist/components/nag.js +1 -1
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +1 -1
- package/dist/components/placeholder.css +33 -33
- package/dist/components/placeholder.min.css +2 -2
- package/dist/components/popup.css +100 -100
- package/dist/components/popup.js +1 -1
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +1 -1
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/progress.min.css +1 -1
- package/dist/components/progress.min.js +1 -1
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +1 -1
- package/dist/components/rating.js +1 -1
- package/dist/components/rating.min.css +1 -1
- package/dist/components/rating.min.js +1 -1
- package/dist/components/reset.css +3 -3
- package/dist/components/reset.min.css +2 -2
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +3 -3
- package/dist/components/search.js +1 -1
- package/dist/components/search.min.css +2 -2
- package/dist/components/search.min.js +1 -1
- package/dist/components/segment.css +28 -28
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +1 -1
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +1 -1
- package/dist/components/sidebar.css +4 -4
- package/dist/components/sidebar.js +5 -5
- package/dist/components/sidebar.min.css +2 -2
- package/dist/components/sidebar.min.js +2 -2
- package/dist/components/site.css +1 -1
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +1 -1
- package/dist/components/site.min.js +1 -1
- package/dist/components/slider.css +17 -17
- package/dist/components/slider.js +1 -1
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +1 -1
- package/dist/components/state.js +1 -1
- package/dist/components/state.min.js +1 -1
- package/dist/components/statistic.css +2 -2
- package/dist/components/statistic.min.css +2 -2
- package/dist/components/step.css +28 -28
- package/dist/components/step.min.css +2 -2
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +1 -1
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +1 -1
- package/dist/components/tab.css +5 -5
- package/dist/components/tab.js +1 -1
- package/dist/components/tab.min.css +2 -2
- package/dist/components/tab.min.js +1 -1
- package/dist/components/table.css +7 -7
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toast.js +1 -1
- package/dist/components/toast.min.css +1 -1
- package/dist/components/toast.min.js +1 -1
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +1 -1
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +1 -1
- package/dist/components/visibility.js +1 -1
- package/dist/components/visibility.min.js +1 -1
- package/dist/semantic.css +10658 -10658
- package/dist/semantic.js +30 -30
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/package.json +3 -3
- package/src/definitions/collections/form.less +24 -24
- package/src/definitions/collections/grid.less +11 -11
- package/src/definitions/collections/menu.less +43 -43
- package/src/definitions/collections/message.less +1 -1
- package/src/definitions/collections/table.less +6 -6
- package/src/definitions/elements/button.less +14 -14
- package/src/definitions/elements/divider.less +24 -24
- package/src/definitions/elements/emoji.less +2 -2
- package/src/definitions/elements/flag.less +1 -1
- package/src/definitions/elements/header.less +2 -2
- package/src/definitions/elements/icon.less +1 -1
- package/src/definitions/elements/input.less +4 -4
- package/src/definitions/elements/label.less +35 -35
- package/src/definitions/elements/list.less +29 -30
- package/src/definitions/elements/loader.less +87 -87
- package/src/definitions/elements/placeholder.less +32 -32
- package/src/definitions/elements/segment.less +27 -27
- package/src/definitions/elements/step.less +25 -25
- package/src/definitions/globals/reset.less +2 -2
- package/src/definitions/modules/calendar.js +1 -1
- package/src/definitions/modules/checkbox.less +53 -53
- package/src/definitions/modules/dropdown.less +30 -30
- package/src/definitions/modules/embed.less +4 -4
- package/src/definitions/modules/popup.less +87 -87
- package/src/definitions/modules/search.less +3 -3
- package/src/definitions/modules/sidebar.js +4 -4
- package/src/definitions/modules/sidebar.less +3 -3
- package/src/definitions/modules/slider.less +9 -9
- package/src/definitions/modules/tab.less +4 -4
- package/src/definitions/views/ad.less +3 -3
- package/src/definitions/views/card.less +7 -7
- package/src/definitions/views/comment.less +1 -1
- package/src/definitions/views/feed.less +1 -1
- package/src/definitions/views/item.less +3 -3
- package/src/definitions/views/statistic.less +1 -1
- package/src/themes/basic/elements/icon.overrides +149 -149
- package/src/themes/basic/elements/step.overrides +2 -2
- package/src/themes/default/elements/divider.overrides +7 -7
- package/src/themes/default/elements/emoji.overrides +3 -3
- package/src/themes/default/elements/flag.overrides +10 -10
- package/src/themes/default/elements/icon.overrides +1961 -1962
- package/src/themes/default/elements/step.overrides +3 -3
- package/src/themes/default/modules/accordion.overrides +3 -3
- package/src/themes/default/modules/checkbox.overrides +9 -9
- package/src/themes/default/modules/dropdown.overrides +5 -5
- package/src/themes/famfamfam/elements/flag.overrides +496 -496
- package/src/themes/github/elements/icon.overrides +206 -206
- package/src/themes/github/elements/step.overrides +5 -5
- package/src/themes/github/modules/dropdown.overrides +6 -6
- package/src/themes/joypixels/elements/emoji.overrides +3 -3
- package/src/themes/material/elements/icon.overrides +932 -932
- package/src/themes/pulsar/elements/loader.overrides +2 -2
- package/src/themes/resetcss/globals/reset.overrides +3 -3
- package/src/themes/striped/modules/progress.overrides +1 -1
- package/src/themes/twitter/elements/emoji.overrides +3 -3
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.0-beta.
|
2
|
+
* # Fomantic-UI 2.9.0-beta.274+23f6671 - Popup
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -46,7 +46,7 @@
|
|
46
46
|
.ui.popup > .header + .content {
|
47
47
|
padding-top: 0.5em;
|
48
48
|
}
|
49
|
-
.ui.popup
|
49
|
+
.ui.popup::before {
|
50
50
|
position: absolute;
|
51
51
|
content: '';
|
52
52
|
width: 0.71428571em;
|
@@ -76,7 +76,7 @@
|
|
76
76
|
}
|
77
77
|
|
78
78
|
/* Arrow */
|
79
|
-
[data-tooltip]
|
79
|
+
[data-tooltip]::before {
|
80
80
|
pointer-events: none;
|
81
81
|
position: absolute;
|
82
82
|
content: '';
|
@@ -92,7 +92,7 @@
|
|
92
92
|
}
|
93
93
|
|
94
94
|
/* Popup */
|
95
|
-
[data-tooltip]
|
95
|
+
[data-tooltip]::after {
|
96
96
|
pointer-events: none;
|
97
97
|
content: attr(data-tooltip);
|
98
98
|
position: absolute;
|
@@ -116,7 +116,7 @@
|
|
116
116
|
}
|
117
117
|
|
118
118
|
/* Default Position (Top Center) */
|
119
|
-
[data-tooltip]:not([data-position])
|
119
|
+
[data-tooltip]:not([data-position])::before {
|
120
120
|
top: auto;
|
121
121
|
right: auto;
|
122
122
|
bottom: 100%;
|
@@ -125,7 +125,7 @@
|
|
125
125
|
margin-left: -0.07142857rem;
|
126
126
|
margin-bottom: 0.14285714rem;
|
127
127
|
}
|
128
|
-
[data-tooltip]:not([data-position])
|
128
|
+
[data-tooltip]:not([data-position])::after {
|
129
129
|
left: 50%;
|
130
130
|
-webkit-transform: translateX(-50%);
|
131
131
|
transform: translateX(-50%);
|
@@ -134,8 +134,8 @@
|
|
134
134
|
}
|
135
135
|
|
136
136
|
/* Animation */
|
137
|
-
[data-tooltip]
|
138
|
-
[data-tooltip]
|
137
|
+
[data-tooltip]::before,
|
138
|
+
[data-tooltip]::after {
|
139
139
|
pointer-events: none;
|
140
140
|
visibility: hidden;
|
141
141
|
opacity: 0;
|
@@ -144,76 +144,76 @@
|
|
144
144
|
transition: transform 0.1s ease, opacity 0.1s ease;
|
145
145
|
transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
|
146
146
|
}
|
147
|
-
[data-tooltip]
|
147
|
+
[data-tooltip]::before {
|
148
148
|
-webkit-transform: rotate(45deg) scale(0) !important;
|
149
149
|
transform: rotate(45deg) scale(0) !important;
|
150
150
|
-webkit-transform-origin: center top;
|
151
151
|
transform-origin: center top;
|
152
152
|
}
|
153
|
-
[data-tooltip]
|
153
|
+
[data-tooltip]::after {
|
154
154
|
-webkit-transform-origin: center bottom;
|
155
155
|
transform-origin: center bottom;
|
156
156
|
}
|
157
|
-
[data-tooltip]:hover
|
158
|
-
[data-tooltip]:hover
|
157
|
+
[data-tooltip]:hover::before,
|
158
|
+
[data-tooltip]:hover::after {
|
159
159
|
visibility: visible;
|
160
160
|
pointer-events: auto;
|
161
161
|
opacity: 1;
|
162
162
|
}
|
163
|
-
[data-tooltip]:hover
|
163
|
+
[data-tooltip]:hover::before {
|
164
164
|
-webkit-transform: rotate(45deg) scale(1) !important;
|
165
165
|
transform: rotate(45deg) scale(1) !important;
|
166
166
|
}
|
167
167
|
|
168
168
|
/* Animation Position */
|
169
|
-
[data-tooltip]
|
170
|
-
[data-tooltip][data-position="top center"]
|
171
|
-
[data-tooltip][data-position="bottom center"]
|
169
|
+
[data-tooltip]::after,
|
170
|
+
[data-tooltip][data-position="top center"]::after,
|
171
|
+
[data-tooltip][data-position="bottom center"]::after {
|
172
172
|
-webkit-transform: translateX(-50%) scale(0) !important;
|
173
173
|
transform: translateX(-50%) scale(0) !important;
|
174
174
|
}
|
175
|
-
[data-tooltip]:hover
|
176
|
-
[data-tooltip][data-position="bottom center"]:hover
|
175
|
+
[data-tooltip]:hover::after,
|
176
|
+
[data-tooltip][data-position="bottom center"]:hover::after {
|
177
177
|
-webkit-transform: translateX(-50%) scale(1) !important;
|
178
178
|
transform: translateX(-50%) scale(1) !important;
|
179
179
|
}
|
180
|
-
[data-tooltip][data-position="left center"]
|
181
|
-
[data-tooltip][data-position="right center"]
|
180
|
+
[data-tooltip][data-position="left center"]::after,
|
181
|
+
[data-tooltip][data-position="right center"]::after {
|
182
182
|
-webkit-transform: translateY(-50%) scale(0) !important;
|
183
183
|
transform: translateY(-50%) scale(0) !important;
|
184
184
|
}
|
185
|
-
[data-tooltip][data-position="left center"]:hover
|
186
|
-
[data-tooltip][data-position="right center"]:hover
|
185
|
+
[data-tooltip][data-position="left center"]:hover::after,
|
186
|
+
[data-tooltip][data-position="right center"]:hover::after {
|
187
187
|
-webkit-transform: translateY(-50%) scale(1) !important;
|
188
188
|
transform: translateY(-50%) scale(1) !important;
|
189
189
|
-moz-transform: translateY(-50%) scale(1.0001) !important;
|
190
190
|
}
|
191
|
-
[data-tooltip][data-position="top left"]
|
192
|
-
[data-tooltip][data-position="top right"]
|
193
|
-
[data-tooltip][data-position="bottom left"]
|
194
|
-
[data-tooltip][data-position="bottom right"]
|
191
|
+
[data-tooltip][data-position="top left"]::after,
|
192
|
+
[data-tooltip][data-position="top right"]::after,
|
193
|
+
[data-tooltip][data-position="bottom left"]::after,
|
194
|
+
[data-tooltip][data-position="bottom right"]::after {
|
195
195
|
-webkit-transform: scale(0) !important;
|
196
196
|
transform: scale(0) !important;
|
197
197
|
}
|
198
|
-
[data-tooltip][data-position="top left"]:hover
|
199
|
-
[data-tooltip][data-position="top right"]:hover
|
200
|
-
[data-tooltip][data-position="bottom left"]:hover
|
201
|
-
[data-tooltip][data-position="bottom right"]:hover
|
198
|
+
[data-tooltip][data-position="top left"]:hover::after,
|
199
|
+
[data-tooltip][data-position="top right"]:hover::after,
|
200
|
+
[data-tooltip][data-position="bottom left"]:hover::after,
|
201
|
+
[data-tooltip][data-position="bottom right"]:hover::after {
|
202
202
|
-webkit-transform: scale(1) !important;
|
203
203
|
transform: scale(1) !important;
|
204
204
|
}
|
205
|
-
[data-tooltip][data-variation~="fixed"]
|
205
|
+
[data-tooltip][data-variation~="fixed"]::after {
|
206
206
|
white-space: normal;
|
207
207
|
width: 250px;
|
208
208
|
}
|
209
|
-
[data-tooltip][data-variation*="wide fixed"]
|
209
|
+
[data-tooltip][data-variation*="wide fixed"]::after {
|
210
210
|
width: 350px;
|
211
211
|
}
|
212
|
-
[data-tooltip][data-variation*="very wide fixed"]
|
212
|
+
[data-tooltip][data-variation*="very wide fixed"]::after {
|
213
213
|
width: 550px;
|
214
214
|
}
|
215
215
|
@media only screen and (max-width: 767.98px) {
|
216
|
-
[data-tooltip][data-variation~="fixed"]
|
216
|
+
[data-tooltip][data-variation~="fixed"]::after {
|
217
217
|
width: 250px;
|
218
218
|
}
|
219
219
|
}
|
@@ -224,25 +224,25 @@
|
|
224
224
|
|
225
225
|
|
226
226
|
/* Arrow */
|
227
|
-
[data-tooltip][data-inverted]
|
227
|
+
[data-tooltip][data-inverted]::before {
|
228
228
|
-webkit-box-shadow: none !important;
|
229
229
|
box-shadow: none !important;
|
230
230
|
}
|
231
231
|
|
232
232
|
/* Arrow Position */
|
233
|
-
[data-tooltip][data-inverted]
|
233
|
+
[data-tooltip][data-inverted]::before {
|
234
234
|
background: #1B1C1D;
|
235
235
|
}
|
236
236
|
|
237
237
|
/* Popup */
|
238
|
-
[data-tooltip][data-inverted]
|
238
|
+
[data-tooltip][data-inverted]::after {
|
239
239
|
background: #1B1C1D;
|
240
240
|
color: #FFFFFF;
|
241
241
|
border: none;
|
242
242
|
-webkit-box-shadow: none;
|
243
243
|
box-shadow: none;
|
244
244
|
}
|
245
|
-
[data-tooltip][data-inverted]
|
245
|
+
[data-tooltip][data-inverted]::after .header {
|
246
246
|
background: none;
|
247
247
|
color: #FFFFFF;
|
248
248
|
}
|
@@ -251,12 +251,12 @@
|
|
251
251
|
Position
|
252
252
|
---------------*/
|
253
253
|
|
254
|
-
[data-position~="top"][data-tooltip]
|
254
|
+
[data-position~="top"][data-tooltip]::before {
|
255
255
|
background: #FFFFFF;
|
256
256
|
}
|
257
257
|
|
258
258
|
/* Top Center */
|
259
|
-
[data-position="top center"][data-tooltip]
|
259
|
+
[data-position="top center"][data-tooltip]::after {
|
260
260
|
top: auto;
|
261
261
|
right: auto;
|
262
262
|
left: 50%;
|
@@ -265,7 +265,7 @@
|
|
265
265
|
transform: translateX(-50%);
|
266
266
|
margin-bottom: 0.5em;
|
267
267
|
}
|
268
|
-
[data-position="top center"][data-tooltip]
|
268
|
+
[data-position="top center"][data-tooltip]::before {
|
269
269
|
top: auto;
|
270
270
|
right: auto;
|
271
271
|
bottom: 100%;
|
@@ -276,14 +276,14 @@
|
|
276
276
|
}
|
277
277
|
|
278
278
|
/* Top Left */
|
279
|
-
[data-position="top left"][data-tooltip]
|
279
|
+
[data-position="top left"][data-tooltip]::after {
|
280
280
|
top: auto;
|
281
281
|
right: auto;
|
282
282
|
left: 0;
|
283
283
|
bottom: 100%;
|
284
284
|
margin-bottom: 0.5em;
|
285
285
|
}
|
286
|
-
[data-position="top left"][data-tooltip]
|
286
|
+
[data-position="top left"][data-tooltip]::before {
|
287
287
|
top: auto;
|
288
288
|
right: auto;
|
289
289
|
bottom: 100%;
|
@@ -293,14 +293,14 @@
|
|
293
293
|
}
|
294
294
|
|
295
295
|
/* Top Right */
|
296
|
-
[data-position="top right"][data-tooltip]
|
296
|
+
[data-position="top right"][data-tooltip]::after {
|
297
297
|
top: auto;
|
298
298
|
left: auto;
|
299
299
|
right: 0;
|
300
300
|
bottom: 100%;
|
301
301
|
margin-bottom: 0.5em;
|
302
302
|
}
|
303
|
-
[data-position="top right"][data-tooltip]
|
303
|
+
[data-position="top right"][data-tooltip]::before {
|
304
304
|
top: auto;
|
305
305
|
left: auto;
|
306
306
|
bottom: 100%;
|
@@ -308,14 +308,14 @@
|
|
308
308
|
margin-left: -0.07142857rem;
|
309
309
|
margin-bottom: 0.14285714rem;
|
310
310
|
}
|
311
|
-
[data-position~="bottom"][data-tooltip]
|
311
|
+
[data-position~="bottom"][data-tooltip]::before {
|
312
312
|
background: #FFFFFF;
|
313
313
|
-webkit-box-shadow: -1px -1px 0 0 #bababc;
|
314
314
|
box-shadow: -1px -1px 0 0 #bababc;
|
315
315
|
}
|
316
316
|
|
317
317
|
/* Bottom Center */
|
318
|
-
[data-position="bottom center"][data-tooltip]
|
318
|
+
[data-position="bottom center"][data-tooltip]::after {
|
319
319
|
bottom: auto;
|
320
320
|
right: auto;
|
321
321
|
left: 50%;
|
@@ -324,7 +324,7 @@
|
|
324
324
|
transform: translateX(-50%);
|
325
325
|
margin-top: 0.5em;
|
326
326
|
}
|
327
|
-
[data-position="bottom center"][data-tooltip]
|
327
|
+
[data-position="bottom center"][data-tooltip]::before {
|
328
328
|
bottom: auto;
|
329
329
|
right: auto;
|
330
330
|
top: 100%;
|
@@ -334,12 +334,12 @@
|
|
334
334
|
}
|
335
335
|
|
336
336
|
/* Bottom Left */
|
337
|
-
[data-position="bottom left"][data-tooltip]
|
337
|
+
[data-position="bottom left"][data-tooltip]::after {
|
338
338
|
left: 0;
|
339
339
|
top: 100%;
|
340
340
|
margin-top: 0.5em;
|
341
341
|
}
|
342
|
-
[data-position="bottom left"][data-tooltip]
|
342
|
+
[data-position="bottom left"][data-tooltip]::before {
|
343
343
|
bottom: auto;
|
344
344
|
right: auto;
|
345
345
|
top: 100%;
|
@@ -349,12 +349,12 @@
|
|
349
349
|
}
|
350
350
|
|
351
351
|
/* Bottom Right */
|
352
|
-
[data-position="bottom right"][data-tooltip]
|
352
|
+
[data-position="bottom right"][data-tooltip]::after {
|
353
353
|
right: 0;
|
354
354
|
top: 100%;
|
355
355
|
margin-top: 0.5em;
|
356
356
|
}
|
357
|
-
[data-position="bottom right"][data-tooltip]
|
357
|
+
[data-position="bottom right"][data-tooltip]::before {
|
358
358
|
bottom: auto;
|
359
359
|
left: auto;
|
360
360
|
top: 100%;
|
@@ -364,14 +364,14 @@
|
|
364
364
|
}
|
365
365
|
|
366
366
|
/* Left Center */
|
367
|
-
[data-position="left center"][data-tooltip]
|
367
|
+
[data-position="left center"][data-tooltip]::after {
|
368
368
|
right: 100%;
|
369
369
|
top: 50%;
|
370
370
|
margin-right: 0.5em;
|
371
371
|
-webkit-transform: translateY(-50%);
|
372
372
|
transform: translateY(-50%);
|
373
373
|
}
|
374
|
-
[data-position="left center"][data-tooltip]
|
374
|
+
[data-position="left center"][data-tooltip]::before {
|
375
375
|
right: 100%;
|
376
376
|
top: 50%;
|
377
377
|
margin-top: -0.14285714rem;
|
@@ -382,14 +382,14 @@
|
|
382
382
|
}
|
383
383
|
|
384
384
|
/* Right Center */
|
385
|
-
[data-position="right center"][data-tooltip]
|
385
|
+
[data-position="right center"][data-tooltip]::after {
|
386
386
|
left: 100%;
|
387
387
|
top: 50%;
|
388
388
|
margin-left: 0.5em;
|
389
389
|
-webkit-transform: translateY(-50%);
|
390
390
|
transform: translateY(-50%);
|
391
391
|
}
|
392
|
-
[data-position="right center"][data-tooltip]
|
392
|
+
[data-position="right center"][data-tooltip]::before {
|
393
393
|
left: 100%;
|
394
394
|
top: 50%;
|
395
395
|
margin-top: -0.07142857rem;
|
@@ -400,49 +400,49 @@
|
|
400
400
|
}
|
401
401
|
|
402
402
|
/* Inverted Arrow Color */
|
403
|
-
[data-inverted][data-position~="bottom"][data-tooltip]
|
403
|
+
[data-inverted][data-position~="bottom"][data-tooltip]::before {
|
404
404
|
background: #1B1C1D;
|
405
405
|
-webkit-box-shadow: -1px -1px 0 0 #bababc;
|
406
406
|
box-shadow: -1px -1px 0 0 #bababc;
|
407
407
|
}
|
408
|
-
[data-inverted][data-position="left center"][data-tooltip]
|
408
|
+
[data-inverted][data-position="left center"][data-tooltip]::before {
|
409
409
|
background: #1B1C1D;
|
410
410
|
-webkit-box-shadow: 1px -1px 0 0 #bababc;
|
411
411
|
box-shadow: 1px -1px 0 0 #bababc;
|
412
412
|
}
|
413
|
-
[data-inverted][data-position="right center"][data-tooltip]
|
413
|
+
[data-inverted][data-position="right center"][data-tooltip]::before {
|
414
414
|
background: #1B1C1D;
|
415
415
|
-webkit-box-shadow: -1px 1px 0 0 #bababc;
|
416
416
|
box-shadow: -1px 1px 0 0 #bababc;
|
417
417
|
}
|
418
|
-
[data-inverted][data-position~="top"][data-tooltip]
|
418
|
+
[data-inverted][data-position~="top"][data-tooltip]::before {
|
419
419
|
background: #1B1C1D;
|
420
420
|
}
|
421
|
-
[data-position~="bottom"][data-tooltip]
|
421
|
+
[data-position~="bottom"][data-tooltip]::before {
|
422
422
|
-webkit-transform-origin: center bottom;
|
423
423
|
transform-origin: center bottom;
|
424
424
|
}
|
425
|
-
[data-position~="bottom"][data-tooltip]
|
425
|
+
[data-position~="bottom"][data-tooltip]::after {
|
426
426
|
-webkit-transform-origin: center top;
|
427
427
|
transform-origin: center top;
|
428
428
|
}
|
429
|
-
[data-position="bottom center"][data-tooltip]
|
429
|
+
[data-position="bottom center"][data-tooltip]::before {
|
430
430
|
-webkit-transform-origin: center top;
|
431
431
|
transform-origin: center top;
|
432
432
|
}
|
433
|
-
[data-position="left center"][data-tooltip]
|
433
|
+
[data-position="left center"][data-tooltip]::before {
|
434
434
|
-webkit-transform-origin: top center;
|
435
435
|
transform-origin: top center;
|
436
436
|
}
|
437
|
-
[data-position="left center"][data-tooltip]
|
437
|
+
[data-position="left center"][data-tooltip]::after {
|
438
438
|
-webkit-transform-origin: right center;
|
439
439
|
transform-origin: right center;
|
440
440
|
}
|
441
|
-
[data-position="right center"][data-tooltip]
|
441
|
+
[data-position="right center"][data-tooltip]::before {
|
442
442
|
-webkit-transform-origin: right center;
|
443
443
|
transform-origin: right center;
|
444
444
|
}
|
445
|
-
[data-position="right center"][data-tooltip]
|
445
|
+
[data-position="right center"][data-tooltip]::after {
|
446
446
|
-webkit-transform-origin: left center;
|
447
447
|
transform-origin: left center;
|
448
448
|
}
|
@@ -451,7 +451,7 @@
|
|
451
451
|
Basic
|
452
452
|
---------------*/
|
453
453
|
|
454
|
-
[data-tooltip][data-variation~="basic"]
|
454
|
+
[data-tooltip][data-variation~="basic"]::before {
|
455
455
|
display: none;
|
456
456
|
}
|
457
457
|
|
@@ -516,7 +516,7 @@
|
|
516
516
|
|
517
517
|
/*--- Below ---*/
|
518
518
|
|
519
|
-
.ui.bottom.center.popup
|
519
|
+
.ui.bottom.center.popup::before {
|
520
520
|
margin-left: -0.30714286em;
|
521
521
|
top: -0.30714286em;
|
522
522
|
left: 50%;
|
@@ -529,7 +529,7 @@
|
|
529
529
|
margin-left: 0;
|
530
530
|
}
|
531
531
|
/*rtl:rename*/
|
532
|
-
.ui.bottom.left.popup
|
532
|
+
.ui.bottom.left.popup::before {
|
533
533
|
top: -0.30714286em;
|
534
534
|
left: 1em;
|
535
535
|
right: auto;
|
@@ -542,7 +542,7 @@
|
|
542
542
|
margin-right: 0;
|
543
543
|
}
|
544
544
|
/*rtl:rename*/
|
545
|
-
.ui.bottom.right.popup
|
545
|
+
.ui.bottom.right.popup::before {
|
546
546
|
top: -0.30714286em;
|
547
547
|
right: 1em;
|
548
548
|
bottom: auto;
|
@@ -554,7 +554,7 @@
|
|
554
554
|
|
555
555
|
/*--- Above ---*/
|
556
556
|
|
557
|
-
.ui.top.center.popup
|
557
|
+
.ui.top.center.popup::before {
|
558
558
|
top: auto;
|
559
559
|
right: auto;
|
560
560
|
bottom: -0.30714286em;
|
@@ -565,7 +565,7 @@
|
|
565
565
|
margin-left: 0;
|
566
566
|
}
|
567
567
|
/*rtl:rename*/
|
568
|
-
.ui.top.left.popup
|
568
|
+
.ui.top.left.popup::before {
|
569
569
|
bottom: -0.30714286em;
|
570
570
|
left: 1em;
|
571
571
|
top: auto;
|
@@ -576,7 +576,7 @@
|
|
576
576
|
margin-right: 0;
|
577
577
|
}
|
578
578
|
/*rtl:rename*/
|
579
|
-
.ui.top.right.popup
|
579
|
+
.ui.top.right.popup::before {
|
580
580
|
bottom: -0.30714286em;
|
581
581
|
right: 1em;
|
582
582
|
top: auto;
|
@@ -587,7 +587,7 @@
|
|
587
587
|
/*--- Left Center ---*/
|
588
588
|
|
589
589
|
/*rtl:rename*/
|
590
|
-
.ui.left.center.popup
|
590
|
+
.ui.left.center.popup::before {
|
591
591
|
top: 50%;
|
592
592
|
right: -0.30714286em;
|
593
593
|
bottom: auto;
|
@@ -600,7 +600,7 @@
|
|
600
600
|
/*--- Right Center ---*/
|
601
601
|
|
602
602
|
/*rtl:rename*/
|
603
|
-
.ui.right.center.popup
|
603
|
+
.ui.right.center.popup::before {
|
604
604
|
top: 50%;
|
605
605
|
left: -0.30714286em;
|
606
606
|
bottom: auto;
|
@@ -609,28 +609,28 @@
|
|
609
609
|
-webkit-box-shadow: -1px 1px 0 0 #bababc;
|
610
610
|
box-shadow: -1px 1px 0 0 #bababc;
|
611
611
|
}
|
612
|
-
.ui.right.center.popup
|
613
|
-
.ui.left.center.popup
|
612
|
+
.ui.right.center.popup::before,
|
613
|
+
.ui.left.center.popup::before {
|
614
614
|
background: #FFFFFF;
|
615
615
|
}
|
616
616
|
|
617
617
|
/* Arrow Color By Location */
|
618
|
-
.ui.bottom.popup
|
618
|
+
.ui.bottom.popup::before {
|
619
619
|
background: #FFFFFF;
|
620
620
|
}
|
621
|
-
.ui.top.popup
|
621
|
+
.ui.top.popup::before {
|
622
622
|
background: #FFFFFF;
|
623
623
|
}
|
624
624
|
|
625
625
|
/* Inverted Arrow Color */
|
626
|
-
.ui.inverted.bottom.popup
|
626
|
+
.ui.inverted.bottom.popup::before {
|
627
627
|
background: #1B1C1D;
|
628
628
|
}
|
629
|
-
.ui.inverted.right.center.popup
|
630
|
-
.ui.inverted.left.center.popup
|
629
|
+
.ui.inverted.right.center.popup::before,
|
630
|
+
.ui.inverted.left.center.popup::before {
|
631
631
|
background: #1B1C1D;
|
632
632
|
}
|
633
|
-
.ui.inverted.top.popup
|
633
|
+
.ui.inverted.top.popup::before {
|
634
634
|
background: #1B1C1D;
|
635
635
|
}
|
636
636
|
|
@@ -677,7 +677,7 @@
|
|
677
677
|
Basic
|
678
678
|
---------------*/
|
679
679
|
|
680
|
-
.ui.basic.popup
|
680
|
+
.ui.basic.popup::before {
|
681
681
|
display: none;
|
682
682
|
}
|
683
683
|
.ui.fixed.popup {
|
@@ -737,7 +737,7 @@
|
|
737
737
|
background-color: none;
|
738
738
|
color: #FFFFFF;
|
739
739
|
}
|
740
|
-
.ui.inverted.popup
|
740
|
+
.ui.inverted.popup::before {
|
741
741
|
background-color: #1B1C1D;
|
742
742
|
-webkit-box-shadow: none !important;
|
743
743
|
box-shadow: none !important;
|
@@ -761,50 +761,50 @@
|
|
761
761
|
.ui.mini.popup {
|
762
762
|
font-size: 0.78571429rem;
|
763
763
|
}
|
764
|
-
[data-tooltip][data-variation~="mini"]
|
765
|
-
[data-tooltip][data-variation~="mini"]
|
764
|
+
[data-tooltip][data-variation~="mini"]::before,
|
765
|
+
[data-tooltip][data-variation~="mini"]::after {
|
766
766
|
font-size: 0.78571429rem;
|
767
767
|
}
|
768
768
|
.ui.tiny.popup {
|
769
769
|
font-size: 0.85714286rem;
|
770
770
|
}
|
771
|
-
[data-tooltip][data-variation~="tiny"]
|
772
|
-
[data-tooltip][data-variation~="tiny"]
|
771
|
+
[data-tooltip][data-variation~="tiny"]::before,
|
772
|
+
[data-tooltip][data-variation~="tiny"]::after {
|
773
773
|
font-size: 0.85714286rem;
|
774
774
|
}
|
775
775
|
.ui.small.popup {
|
776
776
|
font-size: 0.92857143rem;
|
777
777
|
}
|
778
|
-
[data-tooltip][data-variation~="small"]
|
779
|
-
[data-tooltip][data-variation~="small"]
|
778
|
+
[data-tooltip][data-variation~="small"]::before,
|
779
|
+
[data-tooltip][data-variation~="small"]::after {
|
780
780
|
font-size: 0.92857143rem;
|
781
781
|
}
|
782
782
|
.ui.large.popup {
|
783
783
|
font-size: 1.14285714rem;
|
784
784
|
}
|
785
|
-
[data-tooltip][data-variation~="large"]
|
786
|
-
[data-tooltip][data-variation~="large"]
|
785
|
+
[data-tooltip][data-variation~="large"]::before,
|
786
|
+
[data-tooltip][data-variation~="large"]::after {
|
787
787
|
font-size: 1.14285714rem;
|
788
788
|
}
|
789
789
|
.ui.big.popup {
|
790
790
|
font-size: 1.28571429rem;
|
791
791
|
}
|
792
|
-
[data-tooltip][data-variation~="big"]
|
793
|
-
[data-tooltip][data-variation~="big"]
|
792
|
+
[data-tooltip][data-variation~="big"]::before,
|
793
|
+
[data-tooltip][data-variation~="big"]::after {
|
794
794
|
font-size: 1.28571429rem;
|
795
795
|
}
|
796
796
|
.ui.huge.popup {
|
797
797
|
font-size: 1.42857143rem;
|
798
798
|
}
|
799
|
-
[data-tooltip][data-variation~="huge"]
|
800
|
-
[data-tooltip][data-variation~="huge"]
|
799
|
+
[data-tooltip][data-variation~="huge"]::before,
|
800
|
+
[data-tooltip][data-variation~="huge"]::after {
|
801
801
|
font-size: 1.42857143rem;
|
802
802
|
}
|
803
803
|
.ui.massive.popup {
|
804
804
|
font-size: 1.71428571rem;
|
805
805
|
}
|
806
|
-
[data-tooltip][data-variation~="massive"]
|
807
|
-
[data-tooltip][data-variation~="massive"]
|
806
|
+
[data-tooltip][data-variation~="massive"]::before,
|
807
|
+
[data-tooltip][data-variation~="massive"]::after {
|
808
808
|
font-size: 1.71428571rem;
|
809
809
|
}
|
810
810
|
|
package/dist/components/popup.js
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.0-beta.
|
2
|
+
* # Fomantic-UI 2.9.0-beta.274+23f6671 - Popup
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
7
7
|
* http://opensource.org/licenses/MIT
|
8
8
|
*
|
9
|
-
*/.ui.popup{display:none;position:absolute;top:0;right:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;z-index:1900;border:1px solid #d4d4d5;line-height:1.4285em;max-width:250px;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.popup>.header{padding:0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.14285714em;line-height:1.2;font-weight:700}.ui.popup>.header+.content{padding-top:.5em}.ui.popup:before{position:absolute;content:'';width:.71428571em;height:.71428571em;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1901;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]{position:relative}[data-tooltip]:before{pointer-events:none;position:absolute;content:'';font-size:1rem;width:.71428571em;height:.71428571em;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1901;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]:after{pointer-events:none;content:attr(data-tooltip);position:absolute;text-transform:none;text-align:left;text-shadow:none;white-space:nowrap;font-size:1rem;border:1px solid #d4d4d5;line-height:1.4285em;max-width:none;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);z-index:1900}[data-tooltip]:not([data-position]):before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-tooltip]:not([data-position]):after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:100%;margin-bottom:.5em}[data-tooltip]:after,[data-tooltip]:before{pointer-events:none;visibility:hidden;opacity:0;-webkit-transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,opacity .1s ease;transition:transform .1s ease,opacity .1s ease,-webkit-transform .1s ease}[data-tooltip]:before{-webkit-transform:rotate(45deg) scale(0)!important;transform:rotate(45deg) scale(0)!important;-webkit-transform-origin:center top;transform-origin:center top}[data-tooltip]:after{-webkit-transform-origin:center bottom;transform-origin:center bottom}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;pointer-events:auto;opacity:1}[data-tooltip]:hover:before{-webkit-transform:rotate(45deg) scale(1)!important;transform:rotate(45deg) scale(1)!important}[data-tooltip]:after,[data-tooltip][data-position="bottom center"]:after,[data-tooltip][data-position="top center"]:after{-webkit-transform:translateX(-50%) scale(0)!important;transform:translateX(-50%) scale(0)!important}[data-tooltip]:hover:after,[data-tooltip][data-position="bottom center"]:hover:after{-webkit-transform:translateX(-50%) scale(1)!important;transform:translateX(-50%) scale(1)!important}[data-tooltip][data-position="left center"]:after,[data-tooltip][data-position="right center"]:after{-webkit-transform:translateY(-50%) scale(0)!important;transform:translateY(-50%) scale(0)!important}[data-tooltip][data-position="left center"]:hover:after,[data-tooltip][data-position="right center"]:hover:after{-webkit-transform:translateY(-50%) scale(1)!important;transform:translateY(-50%) scale(1)!important;-moz-transform:translateY(-50%) scale(1.0001)!important}[data-tooltip][data-position="bottom left"]:after,[data-tooltip][data-position="bottom right"]:after,[data-tooltip][data-position="top left"]:after,[data-tooltip][data-position="top right"]:after{-webkit-transform:scale(0)!important;transform:scale(0)!important}[data-tooltip][data-position="bottom left"]:hover:after,[data-tooltip][data-position="bottom right"]:hover:after,[data-tooltip][data-position="top left"]:hover:after,[data-tooltip][data-position="top right"]:hover:after{-webkit-transform:scale(1)!important;transform:scale(1)!important}[data-tooltip][data-variation~=fixed]:after{white-space:normal;width:250px}[data-tooltip][data-variation*="wide fixed"]:after{width:350px}[data-tooltip][data-variation*="very wide fixed"]:after{width:550px}@media only screen and (max-width:767.98px){[data-tooltip][data-variation~=fixed]:after{width:250px}}[data-tooltip][data-inverted]:before{-webkit-box-shadow:none!important;box-shadow:none!important}[data-tooltip][data-inverted]:before{background:#1b1c1d}[data-tooltip][data-inverted]:after{background:#1b1c1d;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}[data-tooltip][data-inverted]:after .header{background:0 0;color:#fff}[data-position~=top][data-tooltip]:before{background:#fff}[data-position="top center"][data-tooltip]:after{top:auto;right:auto;left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:.5em}[data-position="top center"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top left"][data-tooltip]:after{top:auto;right:auto;left:0;bottom:100%;margin-bottom:.5em}[data-position="top left"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top right"][data-tooltip]:after{top:auto;left:auto;right:0;bottom:100%;margin-bottom:.5em}[data-position="top right"][data-tooltip]:before{top:auto;left:auto;bottom:100%;right:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position~=bottom][data-tooltip]:before{background:#fff;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-position="bottom center"][data-tooltip]:after{bottom:auto;right:auto;left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:.5em}[data-position="bottom center"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:50%;margin-left:-.07142857rem;margin-top:.30714286em}[data-position="bottom left"][data-tooltip]:after{left:0;top:100%;margin-top:.5em}[data-position="bottom left"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:1em;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom right"][data-tooltip]:after{right:0;top:100%;margin-top:.5em}[data-position="bottom right"][data-tooltip]:before{bottom:auto;left:auto;top:100%;right:1em;margin-left:-.14285714rem;margin-top:.07142857rem}[data-position="left center"][data-tooltip]:after{right:100%;top:50%;margin-right:.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="left center"][data-tooltip]:before{right:100%;top:50%;margin-top:-.14285714rem;margin-right:-.07142857rem;background:#fff;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-position="right center"][data-tooltip]:after{left:100%;top:50%;margin-left:.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="right center"][data-tooltip]:before{left:100%;top:50%;margin-top:-.07142857rem;margin-left:.14285714rem;background:#fff;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=bottom][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-inverted][data-position="left center"][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-inverted][data-position="right center"][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=top][data-tooltip]:before{background:#1b1c1d}[data-position~=bottom][data-tooltip]:before{-webkit-transform-origin:center bottom;transform-origin:center bottom}[data-position~=bottom][data-tooltip]:after{-webkit-transform-origin:center top;transform-origin:center top}[data-position="bottom center"][data-tooltip]:before{-webkit-transform-origin:center top;transform-origin:center top}[data-position="left center"][data-tooltip]:before{-webkit-transform-origin:top center;transform-origin:top center}[data-position="left center"][data-tooltip]:after{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]:before{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]:after{-webkit-transform-origin:left center;transform-origin:left center}[data-tooltip][data-variation~=basic]:before{display:none}.ui.popup{margin:0}.ui.top.popup{margin:0 0 .71428571em}.ui.top.left.popup{-webkit-transform-origin:left bottom;transform-origin:left bottom}.ui.top.center.popup{-webkit-transform-origin:center bottom;transform-origin:center bottom}.ui.top.right.popup{-webkit-transform-origin:right bottom;transform-origin:right bottom}.ui.left.center.popup{margin:0 .71428571em 0 0;-webkit-transform-origin:right 50%;transform-origin:right 50%}.ui.right.center.popup{margin:0 0 0 .71428571em;-webkit-transform-origin:left 50%;transform-origin:left 50%}.ui.bottom.popup{margin:.71428571em 0 0}.ui.bottom.left.popup{-webkit-transform-origin:left top;transform-origin:left top}.ui.bottom.center.popup{-webkit-transform-origin:center top;transform-origin:center top}.ui.bottom.right.popup{-webkit-transform-origin:right top;transform-origin:right top}.ui.bottom.center.popup:before{margin-left:-.30714286em;top:-.30714286em;left:50%;right:auto;bottom:auto;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.left.popup{margin-left:0}.ui.bottom.left.popup:before{top:-.30714286em;left:1em;right:auto;bottom:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.right.popup{margin-right:0}.ui.bottom.right.popup:before{top:-.30714286em;right:1em;bottom:auto;left:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.top.center.popup:before{top:auto;right:auto;bottom:-.30714286em;left:50%;margin-left:-.30714286em}.ui.top.left.popup{margin-left:0}.ui.top.left.popup:before{bottom:-.30714286em;left:1em;top:auto;right:auto;margin-left:0}.ui.top.right.popup{margin-right:0}.ui.top.right.popup:before{bottom:-.30714286em;right:1em;top:auto;left:auto;margin-left:0}.ui.left.center.popup:before{top:50%;right:-.30714286em;bottom:auto;left:auto;margin-top:-.30714286em;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}.ui.right.center.popup:before{top:50%;left:-.30714286em;bottom:auto;right:auto;margin-top:-.30714286em;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}.ui.left.center.popup:before,.ui.right.center.popup:before{background:#fff}.ui.bottom.popup:before{background:#fff}.ui.top.popup:before{background:#fff}.ui.inverted.bottom.popup:before{background:#1b1c1d}.ui.inverted.left.center.popup:before,.ui.inverted.right.center.popup:before{background:#1b1c1d}.ui.inverted.top.popup:before{background:#1b1c1d}.ui.popup>.ui.grid:not(.padded){width:calc(100% + 1.75rem);margin:-.7rem -.875rem}.ui.loading.popup{display:block;visibility:hidden;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.visible.popup{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.basic.popup:before{display:none}.ui.fixed.popup{width:250px}.ui.wide.popup{max-width:350px}.ui.wide.popup.fixed{width:350px}.ui[class*="very wide"].popup{max-width:550px}.ui[class*="very wide"].popup.fixed{width:550px}@media only screen and (max-width:767.98px){.ui.wide.popup,.ui[class*="very wide"].popup{max-width:250px}.ui.wide.popup.fixed,.ui[class*="very wide"].popup.fixed{width:250px}}.ui.fluid.popup{width:100%;max-width:none}.ui.inverted.popup{background:#1b1c1d;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.popup .header{background-color:none;color:#fff}.ui.inverted.popup:before{background-color:#1b1c1d;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.flowing.popup{max-width:none}.ui.popup{font-size:1rem}.ui.mini.popup{font-size:.78571429rem}[data-tooltip][data-variation~=mini]:after,[data-tooltip][data-variation~=mini]:before{font-size:.78571429rem}.ui.tiny.popup{font-size:.85714286rem}[data-tooltip][data-variation~=tiny]:after,[data-tooltip][data-variation~=tiny]:before{font-size:.85714286rem}.ui.small.popup{font-size:.92857143rem}[data-tooltip][data-variation~=small]:after,[data-tooltip][data-variation~=small]:before{font-size:.92857143rem}.ui.large.popup{font-size:1.14285714rem}[data-tooltip][data-variation~=large]:after,[data-tooltip][data-variation~=large]:before{font-size:1.14285714rem}.ui.big.popup{font-size:1.28571429rem}[data-tooltip][data-variation~=big]:after,[data-tooltip][data-variation~=big]:before{font-size:1.28571429rem}.ui.huge.popup{font-size:1.42857143rem}[data-tooltip][data-variation~=huge]:after,[data-tooltip][data-variation~=huge]:before{font-size:1.42857143rem}.ui.massive.popup{font-size:1.71428571rem}[data-tooltip][data-variation~=massive]:after,[data-tooltip][data-variation~=massive]:before{font-size:1.71428571rem}
|
9
|
+
*/.ui.popup{display:none;position:absolute;top:0;right:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;z-index:1900;border:1px solid #d4d4d5;line-height:1.4285em;max-width:250px;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.popup>.header{padding:0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.14285714em;line-height:1.2;font-weight:700}.ui.popup>.header+.content{padding-top:.5em}.ui.popup::before{position:absolute;content:'';width:.71428571em;height:.71428571em;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1901;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]{position:relative}[data-tooltip]::before{pointer-events:none;position:absolute;content:'';font-size:1rem;width:.71428571em;height:.71428571em;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1901;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]::after{pointer-events:none;content:attr(data-tooltip);position:absolute;text-transform:none;text-align:left;text-shadow:none;white-space:nowrap;font-size:1rem;border:1px solid #d4d4d5;line-height:1.4285em;max-width:none;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);z-index:1900}[data-tooltip]:not([data-position])::before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-tooltip]:not([data-position])::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:100%;margin-bottom:.5em}[data-tooltip]::after,[data-tooltip]::before{pointer-events:none;visibility:hidden;opacity:0;-webkit-transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,opacity .1s ease;transition:transform .1s ease,opacity .1s ease,-webkit-transform .1s ease}[data-tooltip]::before{-webkit-transform:rotate(45deg) scale(0)!important;transform:rotate(45deg) scale(0)!important;-webkit-transform-origin:center top;transform-origin:center top}[data-tooltip]::after{-webkit-transform-origin:center bottom;transform-origin:center bottom}[data-tooltip]:hover::after,[data-tooltip]:hover::before{visibility:visible;pointer-events:auto;opacity:1}[data-tooltip]:hover::before{-webkit-transform:rotate(45deg) scale(1)!important;transform:rotate(45deg) scale(1)!important}[data-tooltip]::after,[data-tooltip][data-position="bottom center"]::after,[data-tooltip][data-position="top center"]::after{-webkit-transform:translateX(-50%) scale(0)!important;transform:translateX(-50%) scale(0)!important}[data-tooltip]:hover::after,[data-tooltip][data-position="bottom center"]:hover::after{-webkit-transform:translateX(-50%) scale(1)!important;transform:translateX(-50%) scale(1)!important}[data-tooltip][data-position="left center"]::after,[data-tooltip][data-position="right center"]::after{-webkit-transform:translateY(-50%) scale(0)!important;transform:translateY(-50%) scale(0)!important}[data-tooltip][data-position="left center"]:hover::after,[data-tooltip][data-position="right center"]:hover::after{-webkit-transform:translateY(-50%) scale(1)!important;transform:translateY(-50%) scale(1)!important;-moz-transform:translateY(-50%) scale(1.0001)!important}[data-tooltip][data-position="bottom left"]::after,[data-tooltip][data-position="bottom right"]::after,[data-tooltip][data-position="top left"]::after,[data-tooltip][data-position="top right"]::after{-webkit-transform:scale(0)!important;transform:scale(0)!important}[data-tooltip][data-position="bottom left"]:hover::after,[data-tooltip][data-position="bottom right"]:hover::after,[data-tooltip][data-position="top left"]:hover::after,[data-tooltip][data-position="top right"]:hover::after{-webkit-transform:scale(1)!important;transform:scale(1)!important}[data-tooltip][data-variation~=fixed]::after{white-space:normal;width:250px}[data-tooltip][data-variation*="wide fixed"]::after{width:350px}[data-tooltip][data-variation*="very wide fixed"]::after{width:550px}@media only screen and (max-width:767.98px){[data-tooltip][data-variation~=fixed]::after{width:250px}}[data-tooltip][data-inverted]::before{-webkit-box-shadow:none!important;box-shadow:none!important}[data-tooltip][data-inverted]::before{background:#1b1c1d}[data-tooltip][data-inverted]::after{background:#1b1c1d;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}[data-tooltip][data-inverted]::after .header{background:0 0;color:#fff}[data-position~=top][data-tooltip]::before{background:#fff}[data-position="top center"][data-tooltip]::after{top:auto;right:auto;left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:.5em}[data-position="top center"][data-tooltip]::before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top left"][data-tooltip]::after{top:auto;right:auto;left:0;bottom:100%;margin-bottom:.5em}[data-position="top left"][data-tooltip]::before{top:auto;right:auto;bottom:100%;left:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top right"][data-tooltip]::after{top:auto;left:auto;right:0;bottom:100%;margin-bottom:.5em}[data-position="top right"][data-tooltip]::before{top:auto;left:auto;bottom:100%;right:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position~=bottom][data-tooltip]::before{background:#fff;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-position="bottom center"][data-tooltip]::after{bottom:auto;right:auto;left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:.5em}[data-position="bottom center"][data-tooltip]::before{bottom:auto;right:auto;top:100%;left:50%;margin-left:-.07142857rem;margin-top:.30714286em}[data-position="bottom left"][data-tooltip]::after{left:0;top:100%;margin-top:.5em}[data-position="bottom left"][data-tooltip]::before{bottom:auto;right:auto;top:100%;left:1em;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom right"][data-tooltip]::after{right:0;top:100%;margin-top:.5em}[data-position="bottom right"][data-tooltip]::before{bottom:auto;left:auto;top:100%;right:1em;margin-left:-.14285714rem;margin-top:.07142857rem}[data-position="left center"][data-tooltip]::after{right:100%;top:50%;margin-right:.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="left center"][data-tooltip]::before{right:100%;top:50%;margin-top:-.14285714rem;margin-right:-.07142857rem;background:#fff;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-position="right center"][data-tooltip]::after{left:100%;top:50%;margin-left:.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="right center"][data-tooltip]::before{left:100%;top:50%;margin-top:-.07142857rem;margin-left:.14285714rem;background:#fff;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=bottom][data-tooltip]::before{background:#1b1c1d;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-inverted][data-position="left center"][data-tooltip]::before{background:#1b1c1d;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-inverted][data-position="right center"][data-tooltip]::before{background:#1b1c1d;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=top][data-tooltip]::before{background:#1b1c1d}[data-position~=bottom][data-tooltip]::before{-webkit-transform-origin:center bottom;transform-origin:center bottom}[data-position~=bottom][data-tooltip]::after{-webkit-transform-origin:center top;transform-origin:center top}[data-position="bottom center"][data-tooltip]::before{-webkit-transform-origin:center top;transform-origin:center top}[data-position="left center"][data-tooltip]::before{-webkit-transform-origin:top center;transform-origin:top center}[data-position="left center"][data-tooltip]::after{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]::before{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]::after{-webkit-transform-origin:left center;transform-origin:left center}[data-tooltip][data-variation~=basic]::before{display:none}.ui.popup{margin:0}.ui.top.popup{margin:0 0 .71428571em}.ui.top.left.popup{-webkit-transform-origin:left bottom;transform-origin:left bottom}.ui.top.center.popup{-webkit-transform-origin:center bottom;transform-origin:center bottom}.ui.top.right.popup{-webkit-transform-origin:right bottom;transform-origin:right bottom}.ui.left.center.popup{margin:0 .71428571em 0 0;-webkit-transform-origin:right 50%;transform-origin:right 50%}.ui.right.center.popup{margin:0 0 0 .71428571em;-webkit-transform-origin:left 50%;transform-origin:left 50%}.ui.bottom.popup{margin:.71428571em 0 0}.ui.bottom.left.popup{-webkit-transform-origin:left top;transform-origin:left top}.ui.bottom.center.popup{-webkit-transform-origin:center top;transform-origin:center top}.ui.bottom.right.popup{-webkit-transform-origin:right top;transform-origin:right top}.ui.bottom.center.popup::before{margin-left:-.30714286em;top:-.30714286em;left:50%;right:auto;bottom:auto;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.left.popup{margin-left:0}.ui.bottom.left.popup::before{top:-.30714286em;left:1em;right:auto;bottom:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.right.popup{margin-right:0}.ui.bottom.right.popup::before{top:-.30714286em;right:1em;bottom:auto;left:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.top.center.popup::before{top:auto;right:auto;bottom:-.30714286em;left:50%;margin-left:-.30714286em}.ui.top.left.popup{margin-left:0}.ui.top.left.popup::before{bottom:-.30714286em;left:1em;top:auto;right:auto;margin-left:0}.ui.top.right.popup{margin-right:0}.ui.top.right.popup::before{bottom:-.30714286em;right:1em;top:auto;left:auto;margin-left:0}.ui.left.center.popup::before{top:50%;right:-.30714286em;bottom:auto;left:auto;margin-top:-.30714286em;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}.ui.right.center.popup::before{top:50%;left:-.30714286em;bottom:auto;right:auto;margin-top:-.30714286em;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}.ui.left.center.popup::before,.ui.right.center.popup::before{background:#fff}.ui.bottom.popup::before{background:#fff}.ui.top.popup::before{background:#fff}.ui.inverted.bottom.popup::before{background:#1b1c1d}.ui.inverted.left.center.popup::before,.ui.inverted.right.center.popup::before{background:#1b1c1d}.ui.inverted.top.popup::before{background:#1b1c1d}.ui.popup>.ui.grid:not(.padded){width:calc(100% + 1.75rem);margin:-.7rem -.875rem}.ui.loading.popup{display:block;visibility:hidden;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.visible.popup{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.basic.popup::before{display:none}.ui.fixed.popup{width:250px}.ui.wide.popup{max-width:350px}.ui.wide.popup.fixed{width:350px}.ui[class*="very wide"].popup{max-width:550px}.ui[class*="very wide"].popup.fixed{width:550px}@media only screen and (max-width:767.98px){.ui.wide.popup,.ui[class*="very wide"].popup{max-width:250px}.ui.wide.popup.fixed,.ui[class*="very wide"].popup.fixed{width:250px}}.ui.fluid.popup{width:100%;max-width:none}.ui.inverted.popup{background:#1b1c1d;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.popup .header{background-color:none;color:#fff}.ui.inverted.popup::before{background-color:#1b1c1d;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.flowing.popup{max-width:none}.ui.popup{font-size:1rem}.ui.mini.popup{font-size:.78571429rem}[data-tooltip][data-variation~=mini]::after,[data-tooltip][data-variation~=mini]::before{font-size:.78571429rem}.ui.tiny.popup{font-size:.85714286rem}[data-tooltip][data-variation~=tiny]::after,[data-tooltip][data-variation~=tiny]::before{font-size:.85714286rem}.ui.small.popup{font-size:.92857143rem}[data-tooltip][data-variation~=small]::after,[data-tooltip][data-variation~=small]::before{font-size:.92857143rem}.ui.large.popup{font-size:1.14285714rem}[data-tooltip][data-variation~=large]::after,[data-tooltip][data-variation~=large]::before{font-size:1.14285714rem}.ui.big.popup{font-size:1.28571429rem}[data-tooltip][data-variation~=big]::after,[data-tooltip][data-variation~=big]::before{font-size:1.28571429rem}.ui.huge.popup{font-size:1.42857143rem}[data-tooltip][data-variation~=huge]::after,[data-tooltip][data-variation~=huge]::before{font-size:1.42857143rem}.ui.massive.popup{font-size:1.71428571rem}[data-tooltip][data-variation~=massive]::after,[data-tooltip][data-variation~=massive]::before{font-size:1.71428571rem}
|