fomantic-ui 2.9.1-beta.27 → 2.9.1-beta.29
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/.eslintrc.js +0 -1
- package/.github/workflows/ci.yml +6 -0
- package/.prettierrc.js +12 -0
- package/.stylelintrc.js +13 -7
- package/README.md +1 -1
- package/dist/components/accordion.css +9 -21
- package/dist/components/accordion.js +3 -3
- package/dist/components/accordion.min.css +2 -2
- package/dist/components/accordion.min.js +2 -2
- package/dist/components/ad.css +2 -3
- package/dist/components/ad.min.css +2 -2
- package/dist/components/api.js +3 -3
- package/dist/components/api.min.js +2 -2
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +336 -713
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +5 -10
- package/dist/components/calendar.js +3 -3
- package/dist/components/calendar.min.css +2 -2
- package/dist/components/calendar.min.js +2 -2
- package/dist/components/card.css +88 -201
- package/dist/components/card.min.css +2 -2
- package/dist/components/checkbox.css +35 -86
- package/dist/components/checkbox.js +3 -3
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +2 -2
- package/dist/components/comment.css +4 -8
- 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 +20 -129
- package/dist/components/dimmer.js +3 -3
- package/dist/components/dimmer.min.css +2 -2
- package/dist/components/dimmer.min.js +2 -2
- package/dist/components/divider.css +3 -6
- package/dist/components/divider.min.css +2 -2
- package/dist/components/dropdown.css +51 -149
- package/dist/components/dropdown.js +13 -7
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +2 -2
- package/dist/components/embed.css +2 -7
- package/dist/components/embed.js +3 -3
- package/dist/components/embed.min.css +2 -2
- package/dist/components/embed.min.js +2 -2
- package/dist/components/emoji.css +1 -2
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +7 -21
- package/dist/components/feed.min.css +2 -2
- package/dist/components/flag.css +1 -1
- package/dist/components/flag.min.css +1 -1
- package/dist/components/flyout.css +30 -71
- package/dist/components/flyout.js +3 -16
- package/dist/components/flyout.min.css +2 -2
- package/dist/components/flyout.min.js +2 -2
- package/dist/components/form.css +32 -101
- package/dist/components/form.js +3 -3
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +2 -2
- package/dist/components/grid.css +72 -182
- package/dist/components/grid.min.css +2 -2
- package/dist/components/header.css +5 -11
- package/dist/components/header.min.css +2 -2
- package/dist/components/icon.css +37 -74
- package/dist/components/icon.min.css +2 -2
- package/dist/components/image.css +8 -21
- package/dist/components/image.min.css +2 -2
- package/dist/components/input.css +15 -50
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +13 -38
- package/dist/components/item.min.css +2 -2
- package/dist/components/label.css +18 -45
- package/dist/components/label.min.css +2 -2
- package/dist/components/list.css +1 -7
- package/dist/components/list.min.css +2 -2
- package/dist/components/loader.css +21 -103
- package/dist/components/loader.min.css +2 -2
- package/dist/components/menu.css +49 -145
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +50 -114
- package/dist/components/message.min.css +2 -2
- package/dist/components/modal.css +20 -54
- package/dist/components/modal.js +3 -11
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +2 -2
- package/dist/components/nag.css +2 -5
- package/dist/components/nag.js +3 -3
- package/dist/components/nag.min.css +2 -2
- package/dist/components/nag.min.js +2 -2
- package/dist/components/placeholder.css +7 -25
- package/dist/components/placeholder.min.css +2 -2
- package/dist/components/popup.css +68 -139
- package/dist/components/popup.js +16 -7
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +2 -2
- package/dist/components/progress.css +25 -120
- package/dist/components/progress.js +3 -3
- package/dist/components/progress.min.css +2 -2
- package/dist/components/progress.min.js +2 -2
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +2 -39
- package/dist/components/rating.js +3 -3
- package/dist/components/rating.min.css +2 -2
- package/dist/components/rating.min.js +2 -2
- package/dist/components/reset.css +6 -11
- package/dist/components/reset.min.css +2 -2
- package/dist/components/reveal.css +26 -58
- package/dist/components/reveal.min.css +2 -2
- package/dist/components/search.css +8 -22
- package/dist/components/search.js +3 -3
- package/dist/components/search.min.css +2 -2
- package/dist/components/search.min.js +2 -2
- package/dist/components/segment.css +32 -89
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +4 -16
- package/dist/components/shape.js +3 -15
- package/dist/components/shape.min.css +2 -2
- package/dist/components/shape.min.js +2 -2
- package/dist/components/sidebar.css +59 -147
- package/dist/components/sidebar.js +3 -16
- package/dist/components/sidebar.min.css +2 -2
- package/dist/components/sidebar.min.js +2 -2
- package/dist/components/site.css +1 -14
- package/dist/components/site.js +11 -38
- package/dist/components/site.min.css +2 -2
- package/dist/components/site.min.js +2 -2
- package/dist/components/slider.css +8 -26
- package/dist/components/slider.js +3 -3
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +2 -2
- package/dist/components/state.js +3 -3
- package/dist/components/state.min.js +2 -2
- package/dist/components/statistic.css +11 -43
- package/dist/components/statistic.min.css +2 -2
- package/dist/components/step.css +26 -89
- package/dist/components/step.min.css +2 -2
- package/dist/components/sticky.css +1 -5
- package/dist/components/sticky.js +3 -11
- package/dist/components/sticky.min.css +2 -2
- package/dist/components/sticky.min.js +2 -2
- package/dist/components/tab.css +3 -5
- package/dist/components/tab.js +3 -3
- package/dist/components/tab.min.css +2 -2
- package/dist/components/tab.min.js +2 -2
- package/dist/components/table.css +202 -409
- 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 +32 -108
- package/dist/components/toast.js +3 -3
- package/dist/components/toast.min.css +2 -2
- package/dist/components/toast.min.js +2 -2
- package/dist/components/transition.css +264 -1312
- package/dist/components/transition.js +3 -3
- package/dist/components/transition.min.css +2 -2
- package/dist/components/transition.min.js +2 -2
- package/dist/components/visibility.js +3 -11
- package/dist/components/visibility.min.js +2 -2
- package/dist/semantic.css +51 -3547
- package/dist/semantic.js +107 -181
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/examples/fixed.html +1 -1
- package/examples/grid.html +1 -1
- package/package.json +2 -2
- package/src/definitions/behaviors/api.js +2 -2
- package/src/definitions/behaviors/form.js +2 -2
- package/src/definitions/behaviors/state.js +2 -2
- package/src/definitions/behaviors/visibility.js +2 -10
- package/src/definitions/collections/table.less +4 -0
- package/src/definitions/elements/button.less +7 -2
- package/src/definitions/elements/icon.less +19 -27
- package/src/definitions/elements/image.less +0 -4
- package/src/definitions/elements/loader.less +2 -0
- package/src/definitions/elements/segment.less +3 -1
- package/src/definitions/globals/site.js +10 -37
- package/src/definitions/modules/accordion.js +2 -2
- package/src/definitions/modules/calendar.js +2 -2
- package/src/definitions/modules/checkbox.js +2 -2
- package/src/definitions/modules/dimmer.js +2 -2
- package/src/definitions/modules/dimmer.less +2 -10
- package/src/definitions/modules/dropdown.js +12 -6
- package/src/definitions/modules/dropdown.less +1 -4
- package/src/definitions/modules/embed.js +2 -2
- package/src/definitions/modules/flyout.js +2 -15
- package/src/definitions/modules/flyout.less +0 -1
- package/src/definitions/modules/modal.js +2 -10
- package/src/definitions/modules/modal.less +0 -2
- package/src/definitions/modules/nag.js +2 -2
- package/src/definitions/modules/popup.js +15 -6
- package/src/definitions/modules/popup.less +2 -0
- package/src/definitions/modules/progress.js +2 -2
- package/src/definitions/modules/rating.js +2 -2
- package/src/definitions/modules/rating.less +2 -4
- package/src/definitions/modules/search.js +2 -2
- package/src/definitions/modules/search.less +0 -1
- package/src/definitions/modules/shape.js +2 -14
- package/src/definitions/modules/sidebar.js +2 -15
- package/src/definitions/modules/sidebar.less +0 -1
- package/src/definitions/modules/slider.js +2 -2
- package/src/definitions/modules/sticky.js +2 -10
- package/src/definitions/modules/sticky.less +0 -7
- package/src/definitions/modules/tab.js +2 -2
- package/src/definitions/modules/toast.js +2 -2
- package/src/definitions/modules/toast.less +3 -1
- package/src/definitions/modules/transition.js +2 -2
- package/src/definitions/views/card.less +4 -15
- package/src/semantic.less +6 -6
- package/src/themes/amazon/elements/button.variables +4 -9
- package/src/themes/bootstrap3/elements/button.variables +3 -7
- package/src/themes/classic/elements/button.variables +6 -12
- package/src/themes/classic/views/card.overrides +2 -4
- package/src/themes/colored/modules/checkbox.variables +1 -3
- package/src/themes/default/collections/form.variables +1 -2
- package/src/themes/default/collections/menu.variables +2 -4
- package/src/themes/default/collections/message.variables +38 -76
- package/src/themes/default/collections/table.variables +2 -4
- package/src/themes/default/elements/button.variables +6 -12
- package/src/themes/default/elements/flag.variables +3 -3
- package/src/themes/default/elements/icon.variables +9 -11
- package/src/themes/default/elements/input.variables +1 -2
- package/src/themes/default/elements/list.variables +3 -7
- package/src/themes/default/elements/placeholder.variables +12 -8
- package/src/themes/default/elements/segment.variables +5 -6
- package/src/themes/default/elements/step.variables +1 -2
- package/src/themes/default/globals/site.variables +41 -83
- package/src/themes/default/modules/accordion.variables +4 -8
- package/src/themes/default/modules/checkbox.variables +4 -8
- package/src/themes/default/modules/dimmer.variables +1 -3
- package/src/themes/default/modules/dropdown.variables +1 -2
- package/src/themes/default/modules/embed.variables +2 -5
- package/src/themes/default/modules/modal.variables +3 -6
- package/src/themes/default/modules/progress.variables +1 -2
- package/src/themes/default/modules/rating.variables +1 -2
- package/src/themes/default/modules/search.variables +3 -6
- package/src/themes/default/modules/shape.variables +1 -2
- package/src/themes/default/modules/slider.variables +3 -1
- package/src/themes/default/views/card.variables +8 -18
- package/src/themes/github/collections/form.variables +1 -2
- package/src/themes/github/collections/menu.variables +1 -2
- package/src/themes/github/collections/message.variables +2 -4
- package/src/themes/github/elements/button.variables +4 -8
- package/src/themes/github/elements/input.variables +1 -2
- package/src/themes/github/modules/dropdown.variables +1 -3
- package/src/themes/material/elements/button.variables +2 -4
- package/src/themes/material/elements/icon.variables +1 -2
- package/src/themes/pulsar/elements/loader.overrides +0 -38
- package/src/themes/raised/elements/button.variables +1 -2
- package/src/themes/round/elements/button.variables +1 -3
- package/src/themes/striped/modules/progress.overrides +11 -11
- package/tasks/README.md +2 -2
- package/tasks/admin/components/create.js +2 -2
- package/tasks/build/assets.js +1 -1
- package/tasks/build/css.js +1 -1
- package/tasks/build/javascript.js +1 -1
- package/tasks/build.js +2 -2
- package/tasks/collections/docs.js +1 -1
- package/tasks/collections/install.js +2 -2
- package/tasks/collections/various.js +1 -1
- package/tasks/config/admin/release.js +5 -5
- package/tasks/config/admin/templates/README.md +8 -8
- package/tasks/config/admin/templates/bower.json +3 -2
- package/tasks/config/admin/templates/component-package.js +3 -3
- package/tasks/config/admin/templates/package.json +5 -5
- package/tasks/config/tasks.js +15 -11
- package/tasks/docs/build.js +2 -2
- package/tasks/install.js +2 -3
- package/tasks/watch.js +1 -1
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.29+70adac5 - Loader
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -14,25 +14,13 @@
|
|
14
14
|
.ui.placeholder {
|
15
15
|
position: static;
|
16
16
|
overflow: hidden;
|
17
|
-
|
18
|
-
|
19
|
-
-webkit-animation-iteration-count: infinite;
|
20
|
-
animation-iteration-count: infinite;
|
17
|
+
animation: placeholderShimmer 2s linear;
|
18
|
+
animation-iteration-count: infinite;
|
21
19
|
background-color: #fff;
|
22
|
-
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.08)), color-stop(15%, rgba(0, 0, 0, 0.15)), color-stop(30%, rgba(0, 0, 0, 0.08)));
|
23
|
-
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
|
24
20
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
|
25
21
|
background-size: 1200px 100%;
|
26
22
|
max-width: 30rem;
|
27
23
|
}
|
28
|
-
@-webkit-keyframes placeholderShimmer {
|
29
|
-
0% {
|
30
|
-
background-position: -1200px 0;
|
31
|
-
}
|
32
|
-
100% {
|
33
|
-
background-position: 1200px 0;
|
34
|
-
}
|
35
|
-
}
|
36
24
|
@keyframes placeholderShimmer {
|
37
25
|
0% {
|
38
26
|
background-position: -1200px 0;
|
@@ -45,20 +33,16 @@
|
|
45
33
|
margin-top: 2rem;
|
46
34
|
}
|
47
35
|
.ui.placeholder + .ui.placeholder {
|
48
|
-
|
49
|
-
animation-delay: 0.15s;
|
36
|
+
animation-delay: 0.15s;
|
50
37
|
}
|
51
38
|
.ui.placeholder + .ui.placeholder + .ui.placeholder {
|
52
|
-
|
53
|
-
animation-delay: 0.3s;
|
39
|
+
animation-delay: 0.3s;
|
54
40
|
}
|
55
41
|
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
|
56
|
-
|
57
|
-
animation-delay: 0.45s;
|
42
|
+
animation-delay: 0.45s;
|
58
43
|
}
|
59
44
|
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
|
60
|
-
|
61
|
-
animation-delay: 0.6s;
|
45
|
+
animation-delay: 0.6s;
|
62
46
|
}
|
63
47
|
.ui.placeholder,
|
64
48
|
.ui.placeholder > ::before,
|
@@ -192,8 +176,6 @@
|
|
192
176
|
|
193
177
|
/* Inverted Content Loader */
|
194
178
|
.ui.inverted.placeholder {
|
195
|
-
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.08)), color-stop(15%, rgba(255, 255, 255, 0.14)), color-stop(30%, rgba(255, 255, 255, 0.08)));
|
196
|
-
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
|
197
179
|
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
|
198
180
|
}
|
199
181
|
.ui.inverted.placeholder,
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.29+70adac5 - Loader
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
7
7
|
* https://opensource.org/licenses/MIT
|
8
8
|
*
|
9
|
-
*/.ui.placeholder{position:static;overflow:hidden
|
9
|
+
*/.ui.placeholder{position:static;overflow:hidden;animation:placeholderShimmer 2s linear;animation-iteration-count:infinite;background-color:#fff;background-image:linear-gradient(to right,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-size:1200px 100%;max-width:30rem}@keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}.ui.placeholder+.ui.placeholder{margin-top:2rem}.ui.placeholder+.ui.placeholder{animation-delay:.15s}.ui.placeholder+.ui.placeholder+.ui.placeholder{animation-delay:.3s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{animation-delay:.45s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{animation-delay:.6s}.ui.placeholder,.ui.placeholder .image.header::after,.ui.placeholder .line,.ui.placeholder .line::after,.ui.placeholder>::before{background-color:#fff}.ui.placeholder.hidden{display:none}.ui.placeholder .image:not(.header):not(.ui):not(.icon){height:100px}.ui.placeholder .square.image:not(.header){height:0;overflow:hidden;padding-top:100%}.ui.placeholder .rectangular.image:not(.header){height:0;overflow:hidden;padding-top:75%}.ui.placeholder .line{position:relative;height:.85714286em}.ui.placeholder .line::after,.ui.placeholder .line::before{top:100%;position:absolute;content:"";background-color:inherit}.ui.placeholder .line::before{left:0}.ui.placeholder .line::after{right:0}.ui.placeholder .line{margin-bottom:.5em}.ui.placeholder .line::after,.ui.placeholder .line::before{height:.5em}.ui.placeholder .line:not(:first-child){margin-top:.5em}.ui.placeholder .line:nth-child(1)::after{width:0}.ui.placeholder .line:nth-child(2)::after{width:50%}.ui.placeholder .line:nth-child(3)::after{width:10%}.ui.placeholder .line:nth-child(4)::after{width:35%}.ui.placeholder .line:nth-child(5)::after{width:65%}.ui.placeholder .header{position:relative;overflow:hidden}.ui.placeholder .header .line{margin-bottom:.64285714em}.ui.placeholder .header .line::after,.ui.placeholder .header .line::before{height:.64285714em}.ui.placeholder .header .line:not(:first-child){margin-top:.64285714em}.ui.placeholder .header .line::after{width:20%}.ui.placeholder .header .line:nth-child(2)::after{width:60%}.ui.placeholder .image.header .line{margin-left:3em}.ui.placeholder .image.header .line::before{width:.71428571rem}.ui.placeholder .image.header::after{display:block;height:.85714286em;content:"";margin-left:3em}.ui.placeholder .header .line:first-child,.ui.placeholder .image .line:first-child,.ui.placeholder .paragraph .line:first-child{height:.01px}.ui.placeholder .header:not(:first-child)::before,.ui.placeholder .image:not(:first-child)::before,.ui.placeholder .paragraph:not(:first-child)::before{height:1.42857143em;content:"";display:block}.ui.inverted.placeholder{background-image:linear-gradient(to right,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%)}.ui.inverted.placeholder,.ui.inverted.placeholder .image.header::after,.ui.inverted.placeholder .line,.ui.inverted.placeholder .line::after,.ui.inverted.placeholder>::before{background-color:#1b1c1d}.ui.placeholder .full.line.line.line::after{width:0}.ui.placeholder .very.long.line.line.line::after{width:10%}.ui.placeholder .long.line.line.line::after{width:35%}.ui.placeholder .medium.line.line.line::after{width:50%}.ui.placeholder .short.line.line.line::after{width:65%}.ui.placeholder .very.short.line.line.line::after{width:80%}.ui.fluid.placeholder{max-width:none}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.29+70adac5 - Popup
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -21,7 +21,6 @@
|
|
21
21
|
|
22
22
|
/* Fixes content being squished when inline (moz only) */
|
23
23
|
min-width: -webkit-min-content;
|
24
|
-
min-width: -moz-min-content;
|
25
24
|
min-width: min-content;
|
26
25
|
z-index: 1900;
|
27
26
|
border: 1px solid #d4d4d5;
|
@@ -33,8 +32,7 @@
|
|
33
32
|
font-style: normal;
|
34
33
|
color: rgba(0, 0, 0, 0.87);
|
35
34
|
border-radius: 0.28571429rem;
|
36
|
-
|
37
|
-
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
35
|
+
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
38
36
|
}
|
39
37
|
.ui.popup > .header {
|
40
38
|
padding: 0;
|
@@ -52,11 +50,9 @@
|
|
52
50
|
width: 0.71428571em;
|
53
51
|
height: 0.71428571em;
|
54
52
|
background: #fff;
|
55
|
-
|
56
|
-
transform: rotate(45deg);
|
53
|
+
transform: rotate(45deg);
|
57
54
|
z-index: 1901;
|
58
|
-
|
59
|
-
box-shadow: 1px 1px 0 0 #bababc;
|
55
|
+
box-shadow: 1px 1px 0 0 #bababc;
|
60
56
|
}
|
61
57
|
|
62
58
|
|
@@ -83,11 +79,9 @@
|
|
83
79
|
width: 0.71428571em;
|
84
80
|
height: 0.71428571em;
|
85
81
|
background: #fff;
|
86
|
-
|
87
|
-
transform: rotate(45deg);
|
82
|
+
transform: rotate(45deg);
|
88
83
|
z-index: 1901;
|
89
|
-
|
90
|
-
box-shadow: 1px 1px 0 0 #bababc;
|
84
|
+
box-shadow: 1px 1px 0 0 #bababc;
|
91
85
|
}
|
92
86
|
|
93
87
|
/* Popup */
|
@@ -109,8 +103,7 @@
|
|
109
103
|
font-style: normal;
|
110
104
|
color: rgba(0, 0, 0, 0.87);
|
111
105
|
border-radius: 0.28571429rem;
|
112
|
-
|
113
|
-
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
106
|
+
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
114
107
|
z-index: 1900;
|
115
108
|
}
|
116
109
|
|
@@ -126,8 +119,7 @@
|
|
126
119
|
}
|
127
120
|
[data-tooltip]:not([data-position])::after {
|
128
121
|
left: 50%;
|
129
|
-
|
130
|
-
transform: translateX(-50%);
|
122
|
+
transform: translateX(-50%);
|
131
123
|
bottom: 100%;
|
132
124
|
margin-bottom: 0.5em;
|
133
125
|
}
|
@@ -138,20 +130,14 @@
|
|
138
130
|
pointer-events: none;
|
139
131
|
visibility: hidden;
|
140
132
|
opacity: 0;
|
141
|
-
-webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
|
142
|
-
transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
|
143
133
|
transition: transform 0.1s ease, opacity 0.1s ease;
|
144
|
-
transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
|
145
134
|
}
|
146
135
|
[data-tooltip]::before {
|
147
|
-
|
148
|
-
|
149
|
-
-webkit-transform-origin: center top;
|
150
|
-
transform-origin: center top;
|
136
|
+
transform: rotate(45deg) scale(0) !important;
|
137
|
+
transform-origin: center top;
|
151
138
|
}
|
152
139
|
[data-tooltip]::after {
|
153
|
-
|
154
|
-
transform-origin: center bottom;
|
140
|
+
transform-origin: center bottom;
|
155
141
|
}
|
156
142
|
[data-tooltip]:hover::before,
|
157
143
|
[data-tooltip]:hover::after {
|
@@ -160,46 +146,39 @@
|
|
160
146
|
opacity: 1;
|
161
147
|
}
|
162
148
|
[data-tooltip]:hover::before {
|
163
|
-
|
164
|
-
transform: rotate(45deg) scale(1) !important;
|
149
|
+
transform: rotate(45deg) scale(1) !important;
|
165
150
|
}
|
166
151
|
|
167
152
|
/* Animation Position */
|
168
153
|
[data-tooltip]::after,
|
169
154
|
[data-tooltip][data-position="top center"]::after,
|
170
155
|
[data-tooltip][data-position="bottom center"]::after {
|
171
|
-
|
172
|
-
transform: translateX(-50%) scale(0) !important;
|
156
|
+
transform: translateX(-50%) scale(0) !important;
|
173
157
|
}
|
174
158
|
[data-tooltip]:hover::after,
|
175
159
|
[data-tooltip][data-position="bottom center"]:hover::after {
|
176
|
-
|
177
|
-
transform: translateX(-50%) scale(1) !important;
|
160
|
+
transform: translateX(-50%) scale(1) !important;
|
178
161
|
}
|
179
162
|
[data-tooltip][data-position="left center"]::after,
|
180
163
|
[data-tooltip][data-position="right center"]::after {
|
181
|
-
|
182
|
-
transform: translateY(-50%) scale(0) !important;
|
164
|
+
transform: translateY(-50%) scale(0) !important;
|
183
165
|
}
|
184
166
|
[data-tooltip][data-position="left center"]:hover::after,
|
185
167
|
[data-tooltip][data-position="right center"]:hover::after {
|
186
|
-
|
187
|
-
transform: translateY(-50%) scale(1) !important;
|
168
|
+
transform: translateY(-50%) scale(1) !important;
|
188
169
|
-moz-transform: translateY(-50%) scale(1.0001) !important;
|
189
170
|
}
|
190
171
|
[data-tooltip][data-position="top left"]::after,
|
191
172
|
[data-tooltip][data-position="top right"]::after,
|
192
173
|
[data-tooltip][data-position="bottom left"]::after,
|
193
174
|
[data-tooltip][data-position="bottom right"]::after {
|
194
|
-
|
195
|
-
transform: scale(0) !important;
|
175
|
+
transform: scale(0) !important;
|
196
176
|
}
|
197
177
|
[data-tooltip][data-position="top left"]:hover::after,
|
198
178
|
[data-tooltip][data-position="top right"]:hover::after,
|
199
179
|
[data-tooltip][data-position="bottom left"]:hover::after,
|
200
180
|
[data-tooltip][data-position="bottom right"]:hover::after {
|
201
|
-
|
202
|
-
transform: scale(1) !important;
|
181
|
+
transform: scale(1) !important;
|
203
182
|
}
|
204
183
|
[data-tooltip][data-variation~="fixed"]::after {
|
205
184
|
white-space: normal;
|
@@ -223,8 +202,7 @@
|
|
223
202
|
|
224
203
|
/* Arrow */
|
225
204
|
[data-tooltip][data-inverted]::before {
|
226
|
-
|
227
|
-
box-shadow: none !important;
|
205
|
+
box-shadow: none !important;
|
228
206
|
}
|
229
207
|
|
230
208
|
/* Arrow Position */
|
@@ -237,8 +215,7 @@
|
|
237
215
|
background: #1b1c1d;
|
238
216
|
color: #fff;
|
239
217
|
border: none;
|
240
|
-
|
241
|
-
box-shadow: none;
|
218
|
+
box-shadow: none;
|
242
219
|
}
|
243
220
|
|
244
221
|
/* --------------
|
@@ -254,8 +231,7 @@
|
|
254
231
|
right: auto;
|
255
232
|
left: 50%;
|
256
233
|
bottom: 100%;
|
257
|
-
|
258
|
-
transform: translateX(-50%);
|
234
|
+
transform: translateX(-50%);
|
259
235
|
margin-bottom: 0.5em;
|
260
236
|
}
|
261
237
|
[data-position="top center"][data-tooltip]::before {
|
@@ -303,8 +279,7 @@
|
|
303
279
|
}
|
304
280
|
[data-position~="bottom"][data-tooltip]::before {
|
305
281
|
background: #fff;
|
306
|
-
|
307
|
-
box-shadow: -1px -1px 0 0 #bababc;
|
282
|
+
box-shadow: -1px -1px 0 0 #bababc;
|
308
283
|
}
|
309
284
|
|
310
285
|
/* Bottom Center */
|
@@ -313,8 +288,7 @@
|
|
313
288
|
right: auto;
|
314
289
|
left: 50%;
|
315
290
|
top: 100%;
|
316
|
-
|
317
|
-
transform: translateX(-50%);
|
291
|
+
transform: translateX(-50%);
|
318
292
|
margin-top: 0.5em;
|
319
293
|
}
|
320
294
|
[data-position="bottom center"][data-tooltip]::before {
|
@@ -361,8 +335,7 @@
|
|
361
335
|
right: 100%;
|
362
336
|
top: 50%;
|
363
337
|
margin-right: 0.5em;
|
364
|
-
|
365
|
-
transform: translateY(-50%);
|
338
|
+
transform: translateY(-50%);
|
366
339
|
}
|
367
340
|
[data-position="left center"][data-tooltip]::before {
|
368
341
|
right: 100%;
|
@@ -370,8 +343,7 @@
|
|
370
343
|
margin-top: -0.14285714rem;
|
371
344
|
margin-right: -0.07142857rem;
|
372
345
|
background: #fff;
|
373
|
-
|
374
|
-
box-shadow: 1px -1px 0 0 #bababc;
|
346
|
+
box-shadow: 1px -1px 0 0 #bababc;
|
375
347
|
}
|
376
348
|
|
377
349
|
/* Right Center */
|
@@ -379,8 +351,7 @@
|
|
379
351
|
left: 100%;
|
380
352
|
top: 50%;
|
381
353
|
margin-left: 0.5em;
|
382
|
-
|
383
|
-
transform: translateY(-50%);
|
354
|
+
transform: translateY(-50%);
|
384
355
|
}
|
385
356
|
[data-position="right center"][data-tooltip]::before {
|
386
357
|
left: 100%;
|
@@ -388,56 +359,45 @@
|
|
388
359
|
margin-top: -0.07142857rem;
|
389
360
|
margin-left: 0.14285714rem;
|
390
361
|
background: #fff;
|
391
|
-
|
392
|
-
box-shadow: -1px 1px 0 0 #bababc;
|
362
|
+
box-shadow: -1px 1px 0 0 #bababc;
|
393
363
|
}
|
394
364
|
|
395
365
|
/* Inverted Arrow Color */
|
396
366
|
[data-inverted][data-position~="bottom"][data-tooltip]::before {
|
397
367
|
background: #1b1c1d;
|
398
|
-
|
399
|
-
box-shadow: -1px -1px 0 0 #bababc;
|
368
|
+
box-shadow: -1px -1px 0 0 #bababc;
|
400
369
|
}
|
401
370
|
[data-inverted][data-position="left center"][data-tooltip]::before {
|
402
371
|
background: #1b1c1d;
|
403
|
-
|
404
|
-
box-shadow: 1px -1px 0 0 #bababc;
|
372
|
+
box-shadow: 1px -1px 0 0 #bababc;
|
405
373
|
}
|
406
374
|
[data-inverted][data-position="right center"][data-tooltip]::before {
|
407
375
|
background: #1b1c1d;
|
408
|
-
|
409
|
-
box-shadow: -1px 1px 0 0 #bababc;
|
376
|
+
box-shadow: -1px 1px 0 0 #bababc;
|
410
377
|
}
|
411
378
|
[data-inverted][data-position~="top"][data-tooltip]::before {
|
412
379
|
background: #1b1c1d;
|
413
380
|
}
|
414
381
|
[data-position~="bottom"][data-tooltip]::before {
|
415
|
-
|
416
|
-
transform-origin: center bottom;
|
382
|
+
transform-origin: center bottom;
|
417
383
|
}
|
418
384
|
[data-position~="bottom"][data-tooltip]::after {
|
419
|
-
|
420
|
-
transform-origin: center top;
|
385
|
+
transform-origin: center top;
|
421
386
|
}
|
422
387
|
[data-position="bottom center"][data-tooltip]::before {
|
423
|
-
|
424
|
-
transform-origin: center top;
|
388
|
+
transform-origin: center top;
|
425
389
|
}
|
426
390
|
[data-position="left center"][data-tooltip]::before {
|
427
|
-
|
428
|
-
transform-origin: top center;
|
391
|
+
transform-origin: top center;
|
429
392
|
}
|
430
393
|
[data-position="left center"][data-tooltip]::after {
|
431
|
-
|
432
|
-
transform-origin: right center;
|
394
|
+
transform-origin: right center;
|
433
395
|
}
|
434
396
|
[data-position="right center"][data-tooltip]::before {
|
435
|
-
|
436
|
-
transform-origin: right center;
|
397
|
+
transform-origin: right center;
|
437
398
|
}
|
438
399
|
[data-position="right center"][data-tooltip]::after {
|
439
|
-
|
440
|
-
transform-origin: left center;
|
400
|
+
transform-origin: left center;
|
441
401
|
}
|
442
402
|
|
443
403
|
/* --------------
|
@@ -462,28 +422,23 @@
|
|
462
422
|
margin: 0 0 0.71428571em;
|
463
423
|
}
|
464
424
|
.ui.top.left.popup {
|
465
|
-
|
466
|
-
transform-origin: left bottom;
|
425
|
+
transform-origin: left bottom;
|
467
426
|
}
|
468
427
|
.ui.top.center.popup {
|
469
|
-
|
470
|
-
transform-origin: center bottom;
|
428
|
+
transform-origin: center bottom;
|
471
429
|
}
|
472
430
|
.ui.top.right.popup {
|
473
|
-
|
474
|
-
transform-origin: right bottom;
|
431
|
+
transform-origin: right bottom;
|
475
432
|
}
|
476
433
|
|
477
434
|
/* Extending from Vertical Center */
|
478
435
|
.ui.left.center.popup {
|
479
436
|
margin: 0 0.71428571em 0 0;
|
480
|
-
|
481
|
-
transform-origin: right 50%;
|
437
|
+
transform-origin: right 50%;
|
482
438
|
}
|
483
439
|
.ui.right.center.popup {
|
484
440
|
margin: 0 0 0 0.71428571em;
|
485
|
-
|
486
|
-
transform-origin: left 50%;
|
441
|
+
transform-origin: left 50%;
|
487
442
|
}
|
488
443
|
|
489
444
|
/* Extending from Bottom */
|
@@ -491,16 +446,13 @@
|
|
491
446
|
margin: 0.71428571em 0 0;
|
492
447
|
}
|
493
448
|
.ui.bottom.left.popup {
|
494
|
-
|
495
|
-
transform-origin: left top;
|
449
|
+
transform-origin: left top;
|
496
450
|
}
|
497
451
|
.ui.bottom.center.popup {
|
498
|
-
|
499
|
-
transform-origin: center top;
|
452
|
+
transform-origin: center top;
|
500
453
|
}
|
501
454
|
.ui.bottom.right.popup {
|
502
|
-
|
503
|
-
transform-origin: right top;
|
455
|
+
transform-origin: right top;
|
504
456
|
}
|
505
457
|
|
506
458
|
/* --------------
|
@@ -514,8 +466,7 @@
|
|
514
466
|
left: 50%;
|
515
467
|
right: auto;
|
516
468
|
bottom: auto;
|
517
|
-
|
518
|
-
box-shadow: -1px -1px 0 0 #bababc;
|
469
|
+
box-shadow: -1px -1px 0 0 #bababc;
|
519
470
|
}
|
520
471
|
.ui.bottom.left.popup {
|
521
472
|
margin-left: 0;
|
@@ -528,8 +479,7 @@
|
|
528
479
|
right: auto;
|
529
480
|
bottom: auto;
|
530
481
|
margin-left: 0;
|
531
|
-
|
532
|
-
box-shadow: -1px -1px 0 0 #bababc;
|
482
|
+
box-shadow: -1px -1px 0 0 #bababc;
|
533
483
|
}
|
534
484
|
.ui.bottom.right.popup {
|
535
485
|
margin-right: 0;
|
@@ -542,8 +492,7 @@
|
|
542
492
|
bottom: auto;
|
543
493
|
left: auto;
|
544
494
|
margin-left: 0;
|
545
|
-
|
546
|
-
box-shadow: -1px -1px 0 0 #bababc;
|
495
|
+
box-shadow: -1px -1px 0 0 #bababc;
|
547
496
|
}
|
548
497
|
|
549
498
|
/* --- Above --- */
|
@@ -588,8 +537,7 @@
|
|
588
537
|
bottom: auto;
|
589
538
|
left: auto;
|
590
539
|
margin-top: -0.30714286em;
|
591
|
-
|
592
|
-
box-shadow: 1px -1px 0 0 #bababc;
|
540
|
+
box-shadow: 1px -1px 0 0 #bababc;
|
593
541
|
}
|
594
542
|
|
595
543
|
/* --- Right Center --- */
|
@@ -601,8 +549,7 @@
|
|
601
549
|
bottom: auto;
|
602
550
|
right: auto;
|
603
551
|
margin-top: -0.30714286em;
|
604
|
-
|
605
|
-
box-shadow: -1px 1px 0 0 #bababc;
|
552
|
+
box-shadow: -1px 1px 0 0 #bababc;
|
606
553
|
}
|
607
554
|
.ui.right.center.popup::before,
|
608
555
|
.ui.left.center.popup::before {
|
@@ -656,8 +603,7 @@
|
|
656
603
|
display: block;
|
657
604
|
}
|
658
605
|
.ui.visible.popup {
|
659
|
-
|
660
|
-
transform: translateZ(0);
|
606
|
+
transform: translateZ(0);
|
661
607
|
-webkit-backface-visibility: hidden;
|
662
608
|
backface-visibility: hidden;
|
663
609
|
}
|
@@ -721,8 +667,7 @@
|
|
721
667
|
background: #1b1c1d;
|
722
668
|
color: #fff;
|
723
669
|
border: none;
|
724
|
-
|
725
|
-
box-shadow: none;
|
670
|
+
box-shadow: none;
|
726
671
|
}
|
727
672
|
.ui.inverted.popup .header {
|
728
673
|
background-color: none;
|
@@ -730,8 +675,7 @@
|
|
730
675
|
}
|
731
676
|
.ui.inverted.popup::before {
|
732
677
|
background-color: #1b1c1d;
|
733
|
-
|
734
|
-
box-shadow: none !important;
|
678
|
+
box-shadow: none !important;
|
735
679
|
}
|
736
680
|
.ui.ui.ui.primary.popup::before,
|
737
681
|
.ui.primary.popup,
|
@@ -743,8 +687,7 @@
|
|
743
687
|
}
|
744
688
|
.ui.ui.ui.primary.popup::before,
|
745
689
|
[data-tooltip][data-variation~="primary"]::before {
|
746
|
-
|
747
|
-
box-shadow: none;
|
690
|
+
box-shadow: none;
|
748
691
|
}
|
749
692
|
.ui.ui.ui.inverted.primary.popup::before,
|
750
693
|
.ui.inverted.primary.popup,
|
@@ -763,8 +706,7 @@
|
|
763
706
|
}
|
764
707
|
.ui.ui.ui.secondary.popup::before,
|
765
708
|
[data-tooltip][data-variation~="secondary"]::before {
|
766
|
-
|
767
|
-
box-shadow: none;
|
709
|
+
box-shadow: none;
|
768
710
|
}
|
769
711
|
.ui.ui.ui.inverted.secondary.popup::before,
|
770
712
|
.ui.inverted.secondary.popup,
|
@@ -783,8 +725,7 @@
|
|
783
725
|
}
|
784
726
|
.ui.ui.ui.red.popup::before,
|
785
727
|
[data-tooltip][data-variation~="red"]::before {
|
786
|
-
|
787
|
-
box-shadow: none;
|
728
|
+
box-shadow: none;
|
788
729
|
}
|
789
730
|
.ui.ui.ui.inverted.red.popup::before,
|
790
731
|
.ui.inverted.red.popup,
|
@@ -803,8 +744,7 @@
|
|
803
744
|
}
|
804
745
|
.ui.ui.ui.orange.popup::before,
|
805
746
|
[data-tooltip][data-variation~="orange"]::before {
|
806
|
-
|
807
|
-
box-shadow: none;
|
747
|
+
box-shadow: none;
|
808
748
|
}
|
809
749
|
.ui.ui.ui.inverted.orange.popup::before,
|
810
750
|
.ui.inverted.orange.popup,
|
@@ -823,8 +763,7 @@
|
|
823
763
|
}
|
824
764
|
.ui.ui.ui.yellow.popup::before,
|
825
765
|
[data-tooltip][data-variation~="yellow"]::before {
|
826
|
-
|
827
|
-
box-shadow: none;
|
766
|
+
box-shadow: none;
|
828
767
|
}
|
829
768
|
.ui.ui.ui.inverted.yellow.popup::before,
|
830
769
|
.ui.inverted.yellow.popup,
|
@@ -843,8 +782,7 @@
|
|
843
782
|
}
|
844
783
|
.ui.ui.ui.olive.popup::before,
|
845
784
|
[data-tooltip][data-variation~="olive"]::before {
|
846
|
-
|
847
|
-
box-shadow: none;
|
785
|
+
box-shadow: none;
|
848
786
|
}
|
849
787
|
.ui.ui.ui.inverted.olive.popup::before,
|
850
788
|
.ui.inverted.olive.popup,
|
@@ -863,8 +801,7 @@
|
|
863
801
|
}
|
864
802
|
.ui.ui.ui.green.popup::before,
|
865
803
|
[data-tooltip][data-variation~="green"]::before {
|
866
|
-
|
867
|
-
box-shadow: none;
|
804
|
+
box-shadow: none;
|
868
805
|
}
|
869
806
|
.ui.ui.ui.inverted.green.popup::before,
|
870
807
|
.ui.inverted.green.popup,
|
@@ -883,8 +820,7 @@
|
|
883
820
|
}
|
884
821
|
.ui.ui.ui.teal.popup::before,
|
885
822
|
[data-tooltip][data-variation~="teal"]::before {
|
886
|
-
|
887
|
-
box-shadow: none;
|
823
|
+
box-shadow: none;
|
888
824
|
}
|
889
825
|
.ui.ui.ui.inverted.teal.popup::before,
|
890
826
|
.ui.inverted.teal.popup,
|
@@ -903,8 +839,7 @@
|
|
903
839
|
}
|
904
840
|
.ui.ui.ui.blue.popup::before,
|
905
841
|
[data-tooltip][data-variation~="blue"]::before {
|
906
|
-
|
907
|
-
box-shadow: none;
|
842
|
+
box-shadow: none;
|
908
843
|
}
|
909
844
|
.ui.ui.ui.inverted.blue.popup::before,
|
910
845
|
.ui.inverted.blue.popup,
|
@@ -923,8 +858,7 @@
|
|
923
858
|
}
|
924
859
|
.ui.ui.ui.violet.popup::before,
|
925
860
|
[data-tooltip][data-variation~="violet"]::before {
|
926
|
-
|
927
|
-
box-shadow: none;
|
861
|
+
box-shadow: none;
|
928
862
|
}
|
929
863
|
.ui.ui.ui.inverted.violet.popup::before,
|
930
864
|
.ui.inverted.violet.popup,
|
@@ -943,8 +877,7 @@
|
|
943
877
|
}
|
944
878
|
.ui.ui.ui.purple.popup::before,
|
945
879
|
[data-tooltip][data-variation~="purple"]::before {
|
946
|
-
|
947
|
-
box-shadow: none;
|
880
|
+
box-shadow: none;
|
948
881
|
}
|
949
882
|
.ui.ui.ui.inverted.purple.popup::before,
|
950
883
|
.ui.inverted.purple.popup,
|
@@ -963,8 +896,7 @@
|
|
963
896
|
}
|
964
897
|
.ui.ui.ui.pink.popup::before,
|
965
898
|
[data-tooltip][data-variation~="pink"]::before {
|
966
|
-
|
967
|
-
box-shadow: none;
|
899
|
+
box-shadow: none;
|
968
900
|
}
|
969
901
|
.ui.ui.ui.inverted.pink.popup::before,
|
970
902
|
.ui.inverted.pink.popup,
|
@@ -983,8 +915,7 @@
|
|
983
915
|
}
|
984
916
|
.ui.ui.ui.brown.popup::before,
|
985
917
|
[data-tooltip][data-variation~="brown"]::before {
|
986
|
-
|
987
|
-
box-shadow: none;
|
918
|
+
box-shadow: none;
|
988
919
|
}
|
989
920
|
.ui.ui.ui.inverted.brown.popup::before,
|
990
921
|
.ui.inverted.brown.popup,
|
@@ -1003,8 +934,7 @@
|
|
1003
934
|
}
|
1004
935
|
.ui.ui.ui.grey.popup::before,
|
1005
936
|
[data-tooltip][data-variation~="grey"]::before {
|
1006
|
-
|
1007
|
-
box-shadow: none;
|
937
|
+
box-shadow: none;
|
1008
938
|
}
|
1009
939
|
.ui.ui.ui.inverted.grey.popup::before,
|
1010
940
|
.ui.inverted.grey.popup,
|
@@ -1023,8 +953,7 @@
|
|
1023
953
|
}
|
1024
954
|
.ui.ui.ui.black.popup::before,
|
1025
955
|
[data-tooltip][data-variation~="black"]::before {
|
1026
|
-
|
1027
|
-
box-shadow: none;
|
956
|
+
box-shadow: none;
|
1028
957
|
}
|
1029
958
|
.ui.ui.ui.inverted.black.popup::before,
|
1030
959
|
.ui.inverted.black.popup,
|