fomantic-ui 2.9.1-beta.25 → 2.9.1-beta.27
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/.github/workflows/ci.yml +18 -1
- package/.stylelintrc.js +9 -14
- package/dist/components/accordion.css +9 -8
- 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 +3 -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 +4 -4
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +376 -376
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +5 -5
- package/dist/components/calendar.js +1 -1
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +1 -1
- package/dist/components/card.css +179 -179
- package/dist/components/card.min.css +2 -2
- package/dist/components/checkbox.css +43 -43
- 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 +4 -4
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +2 -2
- package/dist/components/container.min.css +1 -1
- package/dist/components/dimmer.css +6 -6
- package/dist/components/dimmer.js +1 -1
- package/dist/components/dimmer.min.css +2 -2
- package/dist/components/dimmer.min.js +1 -1
- package/dist/components/divider.css +9 -9
- package/dist/components/divider.min.css +2 -2
- package/dist/components/dropdown.css +72 -70
- 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 +2 -2
- package/dist/components/embed.min.css +2 -2
- package/dist/components/embed.min.js +2 -2
- package/dist/components/emoji.css +1 -1
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +6 -6
- package/dist/components/feed.min.css +2 -2
- package/dist/components/flag.css +2 -2
- package/dist/components/flag.min.css +2 -2
- package/dist/components/flyout.css +18 -18
- package/dist/components/flyout.js +1 -1
- package/dist/components/flyout.min.css +2 -2
- package/dist/components/flyout.min.js +1 -1
- package/dist/components/form.css +144 -144
- 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 +42 -42
- package/dist/components/grid.min.css +1 -1
- package/dist/components/header.css +67 -67
- package/dist/components/header.min.css +2 -2
- package/dist/components/icon.css +580 -580
- 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 +194 -194
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +17 -17
- package/dist/components/item.min.css +2 -2
- package/dist/components/label.css +275 -275
- package/dist/components/label.min.css +2 -2
- package/dist/components/list.css +6 -6
- package/dist/components/list.min.css +2 -2
- package/dist/components/loader.css +32 -32
- package/dist/components/loader.min.css +2 -2
- package/dist/components/menu.css +90 -90
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +129 -127
- package/dist/components/message.min.css +2 -2
- package/dist/components/modal.css +21 -21
- package/dist/components/modal.js +1 -1
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +1 -1
- package/dist/components/nag.css +32 -32
- 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 +7 -7
- package/dist/components/placeholder.min.css +2 -2
- package/dist/components/popup.css +93 -93
- 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 +54 -54
- package/dist/components/progress.js +1 -1
- package/dist/components/progress.min.css +2 -2
- 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 +97 -97
- 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 +1 -1
- package/dist/components/reveal.css +13 -13
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +20 -20
- 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 +57 -57
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +2 -2
- 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 +35 -35
- package/dist/components/sidebar.js +1 -1
- package/dist/components/sidebar.min.css +2 -2
- package/dist/components/sidebar.min.js +1 -1
- package/dist/components/site.css +26 -26
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +2 -2
- package/dist/components/site.min.js +1 -1
- package/dist/components/slider.css +60 -60
- 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 +33 -33
- 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 +3 -3
- 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 +592 -586
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +32 -32
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +35 -35
- 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 +97 -97
- 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 +3661 -3652
- package/dist/semantic.js +29 -29
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/examples/components/sticky-context.html +1 -1
- package/examples/fixed.html +1 -1
- package/examples/grid.html +3 -3
- package/examples/login.html +1 -1
- package/examples/sticky.html +3 -3
- package/package.json +1 -1
- package/src/_site/modules/embed.variables +3 -0
- package/src/definitions/behaviors/api.js +2 -2
- package/src/definitions/collections/breadcrumb.less +4 -4
- package/src/definitions/collections/form.less +9 -9
- package/src/definitions/collections/grid.less +4 -4
- package/src/definitions/collections/menu.less +13 -13
- package/src/definitions/collections/message.less +44 -45
- package/src/definitions/collections/table.less +12 -13
- package/src/definitions/elements/button.less +14 -17
- package/src/definitions/elements/container.less +3 -3
- package/src/definitions/elements/divider.less +7 -8
- package/src/definitions/elements/emoji.less +6 -6
- package/src/definitions/elements/flag.less +10 -10
- package/src/definitions/elements/header.less +12 -12
- package/src/definitions/elements/icon.less +26 -26
- package/src/definitions/elements/image.less +4 -4
- package/src/definitions/elements/input.less +14 -14
- package/src/definitions/elements/label.less +9 -9
- package/src/definitions/elements/list.less +5 -5
- package/src/definitions/elements/loader.less +9 -9
- package/src/definitions/elements/placeholder.less +8 -8
- package/src/definitions/elements/rail.less +4 -4
- package/src/definitions/elements/reveal.less +10 -10
- package/src/definitions/elements/segment.less +9 -9
- package/src/definitions/elements/step.less +5 -7
- package/src/definitions/elements/text.less +6 -6
- package/src/definitions/globals/reset.less +3 -3
- package/src/definitions/globals/site.less +5 -5
- package/src/definitions/modules/accordion.less +3 -3
- package/src/definitions/modules/calendar.less +3 -3
- package/src/definitions/modules/checkbox.less +18 -18
- package/src/definitions/modules/dimmer.less +4 -4
- package/src/definitions/modules/dropdown.less +16 -16
- package/src/definitions/modules/embed.js +1 -1
- package/src/definitions/modules/embed.less +4 -4
- package/src/definitions/modules/flyout.less +7 -7
- package/src/definitions/modules/modal.less +10 -11
- package/src/definitions/modules/nag.less +5 -5
- package/src/definitions/modules/popup.less +10 -10
- package/src/definitions/modules/progress.less +9 -9
- package/src/definitions/modules/rating.less +18 -14
- package/src/definitions/modules/search.less +7 -7
- package/src/definitions/modules/shape.less +3 -3
- package/src/definitions/modules/sidebar.less +20 -20
- package/src/definitions/modules/slider.less +6 -6
- package/src/definitions/modules/sticky.less +3 -3
- package/src/definitions/modules/tab.less +5 -5
- package/src/definitions/modules/toast.less +6 -6
- package/src/definitions/modules/transition.less +5 -5
- package/src/definitions/views/ad.less +3 -3
- package/src/definitions/views/card.less +22 -22
- package/src/definitions/views/comment.less +5 -5
- package/src/definitions/views/feed.less +5 -5
- package/src/definitions/views/item.less +8 -8
- package/src/definitions/views/statistic.less +6 -6
- package/src/semantic.less +2 -0
- package/src/theme.config.example +53 -53
- package/src/theme.less +7 -7
- package/src/themes/amazon/elements/button.variables +10 -10
- package/src/themes/amazon/globals/site.variables +16 -16
- package/src/themes/basic/elements/button.variables +7 -7
- package/src/themes/basic/elements/icon.overrides +422 -152
- package/src/themes/basic/elements/icon.variables +12 -7
- package/src/themes/basic/modules/progress.variables +2 -2
- package/src/themes/basic/views/card.variables +3 -3
- package/src/themes/bookish/elements/header.overrides +1 -1
- package/src/themes/bookish/elements/header.variables +3 -3
- package/src/themes/bootstrap3/elements/button.overrides +3 -0
- package/src/themes/bootstrap3/elements/button.variables +16 -16
- package/src/themes/chubby/collections/menu.overrides +3 -0
- package/src/themes/chubby/collections/menu.variables +2 -2
- package/src/themes/chubby/elements/button.overrides +5 -5
- package/src/themes/chubby/elements/button.variables +8 -8
- package/src/themes/chubby/elements/header.overrides +1 -1
- package/src/themes/chubby/elements/header.variables +1 -1
- package/src/themes/chubby/modules/accordion.variables +1 -1
- package/src/themes/chubby/views/comment.overrides +1 -1
- package/src/themes/chubby/views/comment.variables +7 -7
- package/src/themes/classic/collections/table.variables +1 -1
- package/src/themes/classic/elements/button.variables +26 -26
- package/src/themes/classic/elements/header.variables +1 -1
- package/src/themes/classic/modules/progress.variables +2 -2
- package/src/themes/classic/views/card.overrides +15 -15
- package/src/themes/classic/views/card.variables +3 -3
- package/src/themes/colored/modules/checkbox.overrides +3 -0
- package/src/themes/colored/modules/checkbox.variables +1 -1
- package/src/themes/default/collections/form.variables +2 -2
- package/src/themes/default/collections/menu.variables +11 -11
- package/src/themes/default/collections/message.variables +1 -1
- package/src/themes/default/collections/table.overrides +3 -0
- package/src/themes/default/collections/table.variables +14 -14
- package/src/themes/default/elements/button.variables +13 -13
- package/src/themes/default/elements/container.variables +4 -4
- package/src/themes/default/elements/divider.overrides +2 -2
- package/src/themes/default/elements/divider.variables +1 -1
- package/src/themes/default/elements/header.variables +17 -17
- package/src/themes/default/elements/icon.variables +1989 -1989
- package/src/themes/default/elements/input.variables +1 -1
- package/src/themes/default/elements/label.variables +13 -13
- package/src/themes/default/elements/list.variables +1 -1
- package/src/themes/default/elements/loader.variables +8 -8
- package/src/themes/default/elements/segment.variables +3 -3
- package/src/themes/default/elements/step.overrides +4 -4
- package/src/themes/default/elements/step.variables +5 -5
- package/src/themes/default/globals/colors.less +450 -450
- package/src/themes/default/globals/reset.overrides +4 -4
- package/src/themes/default/globals/site.variables +840 -840
- package/src/themes/default/modules/accordion.overrides +3 -3
- package/src/themes/default/modules/accordion.variables +1 -1
- package/src/themes/default/modules/checkbox.overrides +7 -7
- package/src/themes/default/modules/checkbox.variables +7 -7
- package/src/themes/default/modules/dimmer.variables +8 -8
- package/src/themes/default/modules/dropdown.overrides +7 -7
- package/src/themes/default/modules/dropdown.variables +7 -7
- package/src/themes/default/modules/flyout.variables +1 -1
- package/src/themes/default/modules/modal.variables +5 -5
- package/src/themes/default/modules/progress.variables +7 -7
- package/src/themes/default/modules/search.variables +3 -3
- package/src/themes/default/modules/shape.variables +1 -1
- package/src/themes/default/modules/slider.variables +45 -45
- package/src/themes/default/modules/toast.variables +5 -5
- package/src/themes/default/modules/transition.overrides +24 -24
- package/src/themes/default/modules/transition.variables +1 -1
- package/src/themes/default/views/ad.variables +1 -1
- package/src/themes/default/views/card.variables +11 -11
- package/src/themes/default/views/comment.variables +1 -1
- package/src/themes/default/views/feed.variables +4 -4
- package/src/themes/default/views/item.variables +13 -13
- package/src/themes/famfamfam/elements/flag.overrides +1 -1
- package/src/themes/famfamfam/elements/flag.variables +1 -1
- package/src/themes/fixed-width/collections/grid.variables +4 -4
- package/src/themes/fixed-width/modules/modal.variables +9 -9
- package/src/themes/flat/collections/form.overrides +1 -1
- package/src/themes/flat/collections/form.variables +12 -12
- package/src/themes/flat/globals/site.variables +50 -50
- package/src/themes/github/collections/form.overrides +2 -2
- package/src/themes/github/collections/form.variables +6 -6
- package/src/themes/github/collections/menu.overrides +1 -1
- package/src/themes/github/collections/menu.variables +14 -14
- package/src/themes/github/collections/message.variables +12 -12
- package/src/themes/github/collections/table.variables +1 -1
- package/src/themes/github/elements/button.variables +12 -12
- package/src/themes/github/elements/icon.overrides +537 -179
- package/src/themes/github/elements/icon.variables +14 -9
- package/src/themes/github/elements/input.variables +2 -2
- package/src/themes/github/elements/segment.variables +7 -7
- package/src/themes/github/elements/step.overrides +1 -1
- package/src/themes/github/elements/step.variables +4 -4
- package/src/themes/github/globals/site.variables +16 -16
- package/src/themes/github/modules/dropdown.overrides +7 -7
- package/src/themes/github/modules/dropdown.variables +7 -7
- package/src/themes/gmail/collections/message.overrides +3 -0
- package/src/themes/gmail/collections/message.variables +4 -4
- package/src/themes/instagram/views/card.overrides +2 -2
- package/src/themes/instagram/views/card.variables +5 -5
- package/src/themes/material/collections/menu.overrides +1 -1
- package/src/themes/material/collections/menu.variables +3 -3
- package/src/themes/material/elements/button.overrides +5 -5
- package/src/themes/material/elements/button.variables +31 -31
- package/src/themes/material/elements/header.overrides +1 -1
- package/src/themes/material/elements/header.variables +6 -6
- package/src/themes/material/elements/icon.overrides +2796 -932
- package/src/themes/material/elements/icon.variables +14 -9
- package/src/themes/material/globals/site.overrides +3 -0
- package/src/themes/material/globals/site.variables +52 -52
- package/src/themes/material/modules/dropdown.overrides +2 -2
- package/src/themes/material/modules/dropdown.variables +4 -4
- package/src/themes/material/modules/modal.overrides +2 -2
- package/src/themes/material/modules/modal.variables +3 -3
- package/src/themes/pulsar/elements/loader.overrides +4 -4
- package/src/themes/raised/elements/button.variables +1 -1
- package/src/themes/resetcss/globals/reset.overrides +1 -1
- package/src/themes/round/elements/button.overrides +3 -0
- package/src/themes/round/elements/button.variables +23 -23
- package/src/themes/rtl/globals/site.overrides +1 -1
- package/src/themes/rtl/globals/site.variables +3 -3
- package/src/themes/striped/modules/progress.overrides +1 -1
- package/src/themes/systemfont/globals/site.variables +6 -6
- package/src/themes/timeline/views/feed.variables +4 -4
- package/src/themes/twitter/elements/button.overrides +1 -1
- package/src/themes/twitter/elements/button.variables +11 -11
- package/tasks/install.js +1 -1
- package/.github/workflows/codeql.yml +0 -68
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.27+2ec6af4 - Modal
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -18,7 +18,7 @@
|
|
18
18
|
display: none;
|
19
19
|
z-index: 1001;
|
20
20
|
text-align: left;
|
21
|
-
background: #
|
21
|
+
background: #fff;
|
22
22
|
border: none;
|
23
23
|
-webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
|
24
24
|
box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
|
@@ -66,7 +66,7 @@
|
|
66
66
|
z-index: 1;
|
67
67
|
opacity: 0.8;
|
68
68
|
font-size: 1.25em;
|
69
|
-
color: #
|
69
|
+
color: #fff;
|
70
70
|
width: 2.25rem;
|
71
71
|
height: 2.25rem;
|
72
72
|
padding: 0.625rem 0 0 0;
|
@@ -82,8 +82,8 @@
|
|
82
82
|
--------------- */
|
83
83
|
.ui.modal > .header {
|
84
84
|
display: block;
|
85
|
-
font-family:
|
86
|
-
background: #
|
85
|
+
font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
86
|
+
background: #fff;
|
87
87
|
margin: 0;
|
88
88
|
padding: 1.25rem 1.5rem;
|
89
89
|
-webkit-box-shadow: none;
|
@@ -106,7 +106,7 @@
|
|
106
106
|
font-size: 1em;
|
107
107
|
line-height: 1.4;
|
108
108
|
padding: 1.5rem;
|
109
|
-
background: #
|
109
|
+
background: #fff;
|
110
110
|
}
|
111
111
|
.ui.modal > .image.content {
|
112
112
|
display: -webkit-box;
|
@@ -124,7 +124,7 @@
|
|
124
124
|
-webkit-box-flex: 0;
|
125
125
|
-ms-flex: 0 1 auto;
|
126
126
|
flex: 0 1 auto;
|
127
|
-
width:
|
127
|
+
width: "";
|
128
128
|
-ms-flex-item-align: start;
|
129
129
|
align-self: start;
|
130
130
|
max-width: 100%;
|
@@ -157,7 +157,7 @@
|
|
157
157
|
-webkit-box-flex: 0;
|
158
158
|
-ms-flex: 0 1 auto;
|
159
159
|
flex: 0 1 auto;
|
160
|
-
min-width:
|
160
|
+
min-width: "";
|
161
161
|
width: auto;
|
162
162
|
padding-left: 2em;
|
163
163
|
}
|
@@ -175,7 +175,7 @@
|
|
175
175
|
Actions
|
176
176
|
--------------- */
|
177
177
|
.ui.modal > .actions {
|
178
|
-
background: #
|
178
|
+
background: #f9fafb;
|
179
179
|
padding: 1rem 1rem;
|
180
180
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
181
181
|
text-align: right;
|
@@ -343,7 +343,7 @@
|
|
343
343
|
border-radius: 0;
|
344
344
|
-webkit-box-shadow: none !important;
|
345
345
|
box-shadow: none !important;
|
346
|
-
color: #
|
346
|
+
color: #fff;
|
347
347
|
}
|
348
348
|
.ui.ui.modal > .basic.header,
|
349
349
|
.ui.ui.modal > .basic.actions,
|
@@ -356,13 +356,13 @@
|
|
356
356
|
border-bottom: none;
|
357
357
|
}
|
358
358
|
.ui.basic.modal > .header {
|
359
|
-
color: #
|
359
|
+
color: #fff;
|
360
360
|
border-bottom: none;
|
361
361
|
}
|
362
362
|
.ui.basic.modal > .close {
|
363
363
|
top: 1rem;
|
364
364
|
right: 1.5rem;
|
365
|
-
color: #
|
365
|
+
color: #fff;
|
366
366
|
}
|
367
367
|
.ui.inverted.dimmer > .basic.modal {
|
368
368
|
color: rgba(0, 0, 0, 0.87);
|
@@ -460,7 +460,7 @@
|
|
460
460
|
|
461
461
|
/* Fix for Firefox, Edge, IE11 */
|
462
462
|
.modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after {
|
463
|
-
content:
|
463
|
+
content: "\00A0";
|
464
464
|
position: absolute;
|
465
465
|
height: 2rem;
|
466
466
|
}
|
@@ -520,7 +520,7 @@
|
|
520
520
|
color: rgba(0, 0, 0, 0.87);
|
521
521
|
}
|
522
522
|
.ui.basic.fullscreen.modal > .close {
|
523
|
-
color: #
|
523
|
+
color: #fff;
|
524
524
|
}
|
525
525
|
|
526
526
|
/* --------------
|
@@ -767,29 +767,29 @@
|
|
767
767
|
*******************************/
|
768
768
|
|
769
769
|
.ui.inverted.modal {
|
770
|
-
background: #
|
770
|
+
background: #000;
|
771
771
|
}
|
772
772
|
.ui.inverted.modal > .header,
|
773
773
|
.ui.inverted.modal > .content {
|
774
|
-
background: #
|
775
|
-
color: #
|
774
|
+
background: #000;
|
775
|
+
color: #fff;
|
776
776
|
}
|
777
777
|
.ui.inverted.modal > .actions {
|
778
|
-
background: #
|
778
|
+
background: #191a1b;
|
779
779
|
border-top: 1px solid rgba(34, 36, 38, 0.85);
|
780
|
-
color: #
|
780
|
+
color: #fff;
|
781
781
|
}
|
782
782
|
.ui.inverted.dimmer > .modal > .close {
|
783
783
|
color: rgba(0, 0, 0, 0.85);
|
784
784
|
}
|
785
785
|
@media only screen and (max-width: 991.98px) {
|
786
786
|
.ui.dimmer .inverted.modal > .close {
|
787
|
-
color: #
|
787
|
+
color: #fff;
|
788
788
|
}
|
789
789
|
}
|
790
790
|
.ui.inverted.modal > .close.inside,
|
791
791
|
.ui.inverted.fullscreen.modal > .close {
|
792
|
-
color: #
|
792
|
+
color: #fff;
|
793
793
|
}
|
794
794
|
|
795
795
|
|
package/dist/components/modal.js
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.27+2ec6af4 - Modal
|
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.modal{position:absolute;display:none;z-index:1001;text-align:left;background:#fff;border:none;-webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:.28571429rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;will-change:top,left,margin,transform,opacity}.ui.modal>.dimmer:first-child+:not(.close),.ui.modal>.dimmer:first-child+i.icon+*,.ui.modal>:first-child:not(.close):not(.dimmer),.ui.modal>i.icon:first-child+*{border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.modal>:last-child{border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.modal>.ui.dimmer{border-radius:inherit}.ui.modal>.close{cursor:pointer;position:absolute;top:-2.5rem;right:-2.5rem;z-index:1;opacity:.8;font-size:1.25em;color:#fff;width:2.25rem;height:2.25rem;padding:.625rem 0 0 0}.ui.modal>.close:focus,.ui.modal>.close:hover{opacity:1;outline:0}.ui.modal>.header{display:block;font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";background:#fff;margin:0;padding:1.25rem 1.5rem;-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.85);border-bottom:1px solid rgba(34,36,38,.15)}.ui.modal>.header:not(.ui){font-size:1.42857143rem;line-height:1.28571429em;font-weight:700}.ui.modal>.content{display:block;width:100%;font-size:1em;line-height:1.4;padding:1.5rem;background:#fff}.ui.modal>.image.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ui.modal>.content>.image{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:'';-ms-flex-item-align:start;align-self:start;max-width:100%}.ui.modal>[class*="top aligned"]{-ms-flex-item-align:start;align-self:start}.ui.modal>[class*="middle aligned"]{-ms-flex-item-align:center;align-self:center}.ui.modal>[class*=stretched]{-ms-flex-item-align:stretch;align-self:stretch}.ui.modal>.content>.description{display:block;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-width:0;-ms-flex-item-align:start;align-self:start}.ui.modal>.content>.image+.description,.ui.modal>.content>i.icon+.description{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:'';width:auto;padding-left:2em}.ui.modal>.content>.image>i.icon{margin:0;opacity:1;width:auto;line-height:1;font-size:8rem}.ui.modal>.actions{background:#f9fafb;padding:1rem 1rem;border-top:1px solid rgba(34,36,38,.15);text-align:right}.ui.modal .actions>.button:not(.fluid){margin-left:.75em}.ui.basic.modal>.actions,.ui.ui.modal>.basic.actions{border-top:none}.ui.modal>.left.actions{text-align:left}.ui.modal>.left.actions>.button:not(.fluid){margin-left:.5em;margin-right:.5em}.ui.modal>.center.aligned,.ui.modal>.centered{text-align:center}.ui.modal>.center.aligned.actions>.button:not(.fluid),.ui.modal>.centered.actions>.button:not(.fluid){margin-left:.5em;margin-right:.5em}@media only screen and (max-width:767.98px){.ui.modal:not(.fullscreen){width:95%;margin:0}}@media only screen and (min-width:768px){.ui.modal:not(.fullscreen){width:88%;margin:0}}@media only screen and (min-width:992px){.ui.modal:not(.fullscreen){width:850px;margin:0}.ui.modal:not(.fullscreen)>.active.dimmer+.close:not(.inside){pointer-events:none;opacity:.1}.ui.dimmer>.ui.modal:not(.fullscreen)>.close:not(.inside){text-shadow:-1px -1px 2px rgba(0,0,0,.3),1px -1px 2px rgba(0,0,0,.3),-1px 2px 2px rgba(0,0,0,.3),1px 2px 2px rgba(0,0,0,.3)}.ui.inverted.dimmer>.ui.modal:not(.fullscreen)>.close:not(.inside){text-shadow:-1px -1px 2px rgba(255,255,255,.3),1px -1px 2px rgba(255,255,255,.3),-1px 2px 2px rgba(255,255,255,.3),1px 2px 2px rgba(255,255,255,.3)}}@media only screen and (min-width:1200px){.ui.modal:not(.fullscreen){width:900px;margin:0}}@media only screen and (min-width:1920px){.ui.modal:not(.fullscreen){width:950px;margin:0}}@media only screen and (max-width:991.98px){.ui.modal>.close+.header{padding-right:2.25rem}.ui.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}}@media only screen and (max-width:767.98px){.ui.modal>.header{padding:.75rem 1rem}.ui.modal>.close+.header{padding-right:2.25rem}.ui.overlay.fullscreen.modal>.content.content.content{min-height:calc(100vh - 8.1rem)}.ui.overlay.fullscreen.modal>.scrolling.content.content.content{max-height:calc(100vh - 8.1rem)}.ui.modal>.content{display:block;padding:1rem!important}.ui.modal>.close{top:.5rem!important;right:.5rem!important}.ui.modal .image.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.modal>.content>.image{display:block;max-width:100%;margin:0 auto!important;text-align:center;padding:0 0 1rem!important}.ui.modal>.content>.image>i.icon{font-size:5rem;text-align:center}.ui.modal>.content>.description{display:block;width:100%!important;margin:0!important;padding:1rem 0!important;-webkit-box-shadow:none;box-shadow:none}.ui.modal>.actions{padding:1rem 1rem 0!important}.ui.modal .actions>.button,.ui.modal .actions>.buttons{margin-bottom:1rem}}.ui.inverted.dimmer>.ui.modal{-webkit-box-shadow:1px 3px 10px 2px rgba(0,0,0,.2);box-shadow:1px 3px 10px 2px rgba(0,0,0,.2)}.ui.basic.modal{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.basic.modal>.actions,.ui.basic.modal>.content,.ui.basic.modal>.header,.ui.ui.modal>.basic.actions,.ui.ui.modal>.basic.header{background-color:transparent}.ui.modal>.basic.header{border-bottom:none}.ui.basic.modal>.header{color:#fff;border-bottom:none}.ui.basic.modal>.close{top:1rem;right:1.5rem;color:#fff}.ui.inverted.dimmer>.basic.modal{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.basic.modal>.header{color:rgba(0,0,0,.85)}.ui.legacy.legacy.modal,.ui.legacy.legacy.page.dimmer>.ui.modal{left:50%!important}.ui.legacy.legacy.modal:not(.aligned),.ui.legacy.legacy.page.dimmer>.ui.modal:not(.aligned){top:50%}.ui.legacy.legacy.page.dimmer>.ui.scrolling.modal:not(.aligned),.ui.page.dimmer>.ui.scrolling.legacy.legacy.modal:not(.aligned),.ui.top.aligned.dimmer>.ui.legacy.legacy.modal:not(.aligned),.ui.top.aligned.legacy.legacy.page.dimmer>.ui.modal:not(.aligned){top:auto}.ui.legacy.overlay.fullscreen.modal{margin-top:-2rem!important}.ui.loading.modal{display:block;visibility:hidden;z-index:-1}.ui.active.modal{display:block}.modals.dimmer .ui.top.aligned.modal{top:5vh}.modals.dimmer .ui.bottom.aligned.modal{bottom:5vh}@media only screen and (max-width:767.98px){.modals.dimmer .ui.top.aligned.modal{top:1rem}.modals.dimmer .ui.bottom.aligned.modal{bottom:1rem}}.scrolling.dimmable.dimmed{overflow:hidden}.scrolling.dimmable>.dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:fixed}.scrolling.dimmable:not(body)>.dimmer{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.scrolling.dimmable.dimmed>.dimmer{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.modals.dimmer .ui.scrolling.modal:not(.fullscreen){margin:2rem auto}.modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after{content:'\00A0';position:absolute;height:2rem}.scrolling.undetached.dimmable.dimmed{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.scrolling.undetached.dimmable.dimmed>.dimmer{overflow:hidden}.scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen){position:absolute;left:50%}.ui.modal>.scrolling.content{max-height:calc(80vh - 10rem);overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:none}.ui.overlay.fullscreen.modal>.content{min-height:calc(100vh - 9.1rem)}.ui.overlay.fullscreen.modal>.scrolling.content{max-height:calc(100vh - 9.1rem)}.ui.fullscreen.modal{width:95%;left:2.5%;margin:1em auto}.ui.overlay.fullscreen.modal{width:100%;left:0;margin:0 auto;top:0;border-radius:0}.ui.fullscreen.modal>.close+.header:not(.centered):not(.center):not(.icon),.ui.modal>.close.inside+.header:not(.centered):not(.center):not(.icon){padding-right:2.25rem}.ui.fullscreen.modal>.close,.ui.modal>.close.inside{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}.ui.basic.fullscreen.modal>.close{color:#fff}.ui.modal{font-size:1rem}.ui.mini.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.mini.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.mini.modal{width:35.2%;margin:0}}@media only screen and (min-width:992px){.ui.mini.modal{width:340px;margin:0}}@media only screen and (min-width:1200px){.ui.mini.modal{width:360px;margin:0}}@media only screen and (min-width:1920px){.ui.mini.modal{width:380px;margin:0}}.ui.tiny.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.tiny.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.tiny.modal{width:52.8%;margin:0}}@media only screen and (min-width:992px){.ui.tiny.modal{width:510px;margin:0}}@media only screen and (min-width:1200px){.ui.tiny.modal{width:540px;margin:0}}@media only screen and (min-width:1920px){.ui.tiny.modal{width:570px;margin:0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.small.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.small.modal{width:70.4%;margin:0}}@media only screen and (min-width:992px){.ui.small.modal{width:680px;margin:0}}@media only screen and (min-width:1200px){.ui.small.modal{width:720px;margin:0}}@media only screen and (min-width:1920px){.ui.small.modal{width:760px;margin:0}}.ui.large.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.large.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.large.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.large.modal{width:1020px;margin:0}}@media only screen and (min-width:1200px){.ui.large.modal{width:1080px;margin:0}}@media only screen and (min-width:1920px){.ui.large.modal{width:1140px;margin:0}}.ui.big.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.big.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.big.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.big.modal{width:1190px;margin:0}}@media only screen and (min-width:1200px){.ui.big.modal{width:1260px;margin:0}}@media only screen and (min-width:1920px){.ui.big.modal{width:1330px;margin:0}}.ui.huge.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.huge.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.huge.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.huge.modal{width:1360px;margin:0}}@media only screen and (min-width:1200px){.ui.huge.modal{width:1440px;margin:0}}@media only screen and (min-width:1920px){.ui.huge.modal{width:1520px;margin:0}}.ui.massive.modal>.header:not(.ui){font-size:1.8em}@media only screen and (max-width:767.98px){.ui.massive.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.massive.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.massive.modal{width:1530px;margin:0}}@media only screen and (min-width:1200px){.ui.massive.modal{width:1620px;margin:0}}@media only screen and (min-width:1920px){.ui.massive.modal{width:1710px;margin:0}}.ui.inverted.modal{background:#000}.ui.inverted.modal>.content,.ui.inverted.modal>.header{background:#000;color:#fff}.ui.inverted.modal>.actions{background:#191a1b;border-top:1px solid rgba(34,36,38,.85);color:#fff}.ui.inverted.dimmer>.modal>.close{color:rgba(0,0,0,.85)}@media only screen and (max-width:991.98px){.ui.dimmer .inverted.modal>.close{color:#fff}}.ui.inverted.fullscreen.modal>.close,.ui.inverted.modal>.close.inside{color:#fff}
|
9
|
+
*/.ui.modal{position:absolute;display:none;z-index:1001;text-align:left;background:#fff;border:none;-webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:.28571429rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;will-change:top,left,margin,transform,opacity}.ui.modal>.dimmer:first-child+:not(.close),.ui.modal>.dimmer:first-child+i.icon+*,.ui.modal>:first-child:not(.close):not(.dimmer),.ui.modal>i.icon:first-child+*{border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.modal>:last-child{border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.modal>.ui.dimmer{border-radius:inherit}.ui.modal>.close{cursor:pointer;position:absolute;top:-2.5rem;right:-2.5rem;z-index:1;opacity:.8;font-size:1.25em;color:#fff;width:2.25rem;height:2.25rem;padding:.625rem 0 0 0}.ui.modal>.close:focus,.ui.modal>.close:hover{opacity:1;outline:0}.ui.modal>.header{display:block;font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";background:#fff;margin:0;padding:1.25rem 1.5rem;-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.85);border-bottom:1px solid rgba(34,36,38,.15)}.ui.modal>.header:not(.ui){font-size:1.42857143rem;line-height:1.28571429em;font-weight:700}.ui.modal>.content{display:block;width:100%;font-size:1em;line-height:1.4;padding:1.5rem;background:#fff}.ui.modal>.image.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ui.modal>.content>.image{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:"";-ms-flex-item-align:start;align-self:start;max-width:100%}.ui.modal>[class*="top aligned"]{-ms-flex-item-align:start;align-self:start}.ui.modal>[class*="middle aligned"]{-ms-flex-item-align:center;align-self:center}.ui.modal>[class*=stretched]{-ms-flex-item-align:stretch;align-self:stretch}.ui.modal>.content>.description{display:block;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-width:0;-ms-flex-item-align:start;align-self:start}.ui.modal>.content>.image+.description,.ui.modal>.content>i.icon+.description{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:"";width:auto;padding-left:2em}.ui.modal>.content>.image>i.icon{margin:0;opacity:1;width:auto;line-height:1;font-size:8rem}.ui.modal>.actions{background:#f9fafb;padding:1rem 1rem;border-top:1px solid rgba(34,36,38,.15);text-align:right}.ui.modal .actions>.button:not(.fluid){margin-left:.75em}.ui.basic.modal>.actions,.ui.ui.modal>.basic.actions{border-top:none}.ui.modal>.left.actions{text-align:left}.ui.modal>.left.actions>.button:not(.fluid){margin-left:.5em;margin-right:.5em}.ui.modal>.center.aligned,.ui.modal>.centered{text-align:center}.ui.modal>.center.aligned.actions>.button:not(.fluid),.ui.modal>.centered.actions>.button:not(.fluid){margin-left:.5em;margin-right:.5em}@media only screen and (max-width:767.98px){.ui.modal:not(.fullscreen){width:95%;margin:0}}@media only screen and (min-width:768px){.ui.modal:not(.fullscreen){width:88%;margin:0}}@media only screen and (min-width:992px){.ui.modal:not(.fullscreen){width:850px;margin:0}.ui.modal:not(.fullscreen)>.active.dimmer+.close:not(.inside){pointer-events:none;opacity:.1}.ui.dimmer>.ui.modal:not(.fullscreen)>.close:not(.inside){text-shadow:-1px -1px 2px rgba(0,0,0,.3),1px -1px 2px rgba(0,0,0,.3),-1px 2px 2px rgba(0,0,0,.3),1px 2px 2px rgba(0,0,0,.3)}.ui.inverted.dimmer>.ui.modal:not(.fullscreen)>.close:not(.inside){text-shadow:-1px -1px 2px rgba(255,255,255,.3),1px -1px 2px rgba(255,255,255,.3),-1px 2px 2px rgba(255,255,255,.3),1px 2px 2px rgba(255,255,255,.3)}}@media only screen and (min-width:1200px){.ui.modal:not(.fullscreen){width:900px;margin:0}}@media only screen and (min-width:1920px){.ui.modal:not(.fullscreen){width:950px;margin:0}}@media only screen and (max-width:991.98px){.ui.modal>.close+.header{padding-right:2.25rem}.ui.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}}@media only screen and (max-width:767.98px){.ui.modal>.header{padding:.75rem 1rem}.ui.modal>.close+.header{padding-right:2.25rem}.ui.overlay.fullscreen.modal>.content.content.content{min-height:calc(100vh - 8.1rem)}.ui.overlay.fullscreen.modal>.scrolling.content.content.content{max-height:calc(100vh - 8.1rem)}.ui.modal>.content{display:block;padding:1rem!important}.ui.modal>.close{top:.5rem!important;right:.5rem!important}.ui.modal .image.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.modal>.content>.image{display:block;max-width:100%;margin:0 auto!important;text-align:center;padding:0 0 1rem!important}.ui.modal>.content>.image>i.icon{font-size:5rem;text-align:center}.ui.modal>.content>.description{display:block;width:100%!important;margin:0!important;padding:1rem 0!important;-webkit-box-shadow:none;box-shadow:none}.ui.modal>.actions{padding:1rem 1rem 0!important}.ui.modal .actions>.button,.ui.modal .actions>.buttons{margin-bottom:1rem}}.ui.inverted.dimmer>.ui.modal{-webkit-box-shadow:1px 3px 10px 2px rgba(0,0,0,.2);box-shadow:1px 3px 10px 2px rgba(0,0,0,.2)}.ui.basic.modal{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.basic.modal>.actions,.ui.basic.modal>.content,.ui.basic.modal>.header,.ui.ui.modal>.basic.actions,.ui.ui.modal>.basic.header{background-color:transparent}.ui.modal>.basic.header{border-bottom:none}.ui.basic.modal>.header{color:#fff;border-bottom:none}.ui.basic.modal>.close{top:1rem;right:1.5rem;color:#fff}.ui.inverted.dimmer>.basic.modal{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.basic.modal>.header{color:rgba(0,0,0,.85)}.ui.legacy.legacy.modal,.ui.legacy.legacy.page.dimmer>.ui.modal{left:50%!important}.ui.legacy.legacy.modal:not(.aligned),.ui.legacy.legacy.page.dimmer>.ui.modal:not(.aligned){top:50%}.ui.legacy.legacy.page.dimmer>.ui.scrolling.modal:not(.aligned),.ui.page.dimmer>.ui.scrolling.legacy.legacy.modal:not(.aligned),.ui.top.aligned.dimmer>.ui.legacy.legacy.modal:not(.aligned),.ui.top.aligned.legacy.legacy.page.dimmer>.ui.modal:not(.aligned){top:auto}.ui.legacy.overlay.fullscreen.modal{margin-top:-2rem!important}.ui.loading.modal{display:block;visibility:hidden;z-index:-1}.ui.active.modal{display:block}.modals.dimmer .ui.top.aligned.modal{top:5vh}.modals.dimmer .ui.bottom.aligned.modal{bottom:5vh}@media only screen and (max-width:767.98px){.modals.dimmer .ui.top.aligned.modal{top:1rem}.modals.dimmer .ui.bottom.aligned.modal{bottom:1rem}}.scrolling.dimmable.dimmed{overflow:hidden}.scrolling.dimmable>.dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:fixed}.scrolling.dimmable:not(body)>.dimmer{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.scrolling.dimmable.dimmed>.dimmer{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.modals.dimmer .ui.scrolling.modal:not(.fullscreen){margin:2rem auto}.modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after{content:"\00A0";position:absolute;height:2rem}.scrolling.undetached.dimmable.dimmed{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.scrolling.undetached.dimmable.dimmed>.dimmer{overflow:hidden}.scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen){position:absolute;left:50%}.ui.modal>.scrolling.content{max-height:calc(80vh - 10rem);overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:none}.ui.overlay.fullscreen.modal>.content{min-height:calc(100vh - 9.1rem)}.ui.overlay.fullscreen.modal>.scrolling.content{max-height:calc(100vh - 9.1rem)}.ui.fullscreen.modal{width:95%;left:2.5%;margin:1em auto}.ui.overlay.fullscreen.modal{width:100%;left:0;margin:0 auto;top:0;border-radius:0}.ui.fullscreen.modal>.close+.header:not(.centered):not(.center):not(.icon),.ui.modal>.close.inside+.header:not(.centered):not(.center):not(.icon){padding-right:2.25rem}.ui.fullscreen.modal>.close,.ui.modal>.close.inside{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}.ui.basic.fullscreen.modal>.close{color:#fff}.ui.modal{font-size:1rem}.ui.mini.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.mini.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.mini.modal{width:35.2%;margin:0}}@media only screen and (min-width:992px){.ui.mini.modal{width:340px;margin:0}}@media only screen and (min-width:1200px){.ui.mini.modal{width:360px;margin:0}}@media only screen and (min-width:1920px){.ui.mini.modal{width:380px;margin:0}}.ui.tiny.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.tiny.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.tiny.modal{width:52.8%;margin:0}}@media only screen and (min-width:992px){.ui.tiny.modal{width:510px;margin:0}}@media only screen and (min-width:1200px){.ui.tiny.modal{width:540px;margin:0}}@media only screen and (min-width:1920px){.ui.tiny.modal{width:570px;margin:0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.small.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.small.modal{width:70.4%;margin:0}}@media only screen and (min-width:992px){.ui.small.modal{width:680px;margin:0}}@media only screen and (min-width:1200px){.ui.small.modal{width:720px;margin:0}}@media only screen and (min-width:1920px){.ui.small.modal{width:760px;margin:0}}.ui.large.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.large.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.large.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.large.modal{width:1020px;margin:0}}@media only screen and (min-width:1200px){.ui.large.modal{width:1080px;margin:0}}@media only screen and (min-width:1920px){.ui.large.modal{width:1140px;margin:0}}.ui.big.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.big.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.big.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.big.modal{width:1190px;margin:0}}@media only screen and (min-width:1200px){.ui.big.modal{width:1260px;margin:0}}@media only screen and (min-width:1920px){.ui.big.modal{width:1330px;margin:0}}.ui.huge.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.huge.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.huge.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.huge.modal{width:1360px;margin:0}}@media only screen and (min-width:1200px){.ui.huge.modal{width:1440px;margin:0}}@media only screen and (min-width:1920px){.ui.huge.modal{width:1520px;margin:0}}.ui.massive.modal>.header:not(.ui){font-size:1.8em}@media only screen and (max-width:767.98px){.ui.massive.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.massive.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.massive.modal{width:1530px;margin:0}}@media only screen and (min-width:1200px){.ui.massive.modal{width:1620px;margin:0}}@media only screen and (min-width:1920px){.ui.massive.modal{width:1710px;margin:0}}.ui.inverted.modal{background:#000}.ui.inverted.modal>.content,.ui.inverted.modal>.header{background:#000;color:#fff}.ui.inverted.modal>.actions{background:#191a1b;border-top:1px solid rgba(34,36,38,.85);color:#fff}.ui.inverted.dimmer>.modal>.close{color:rgba(0,0,0,.85)}@media only screen and (max-width:991.98px){.ui.dimmer .inverted.modal>.close{color:#fff}}.ui.inverted.fullscreen.modal>.close,.ui.inverted.modal>.close.inside{color:#fff}
|
package/dist/components/nag.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.27+2ec6af4 - Nag
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -40,7 +40,7 @@ a.ui.nag {
|
|
40
40
|
.ui.nag > .title {
|
41
41
|
display: inline-block;
|
42
42
|
margin: 0 0.5em;
|
43
|
-
color: #
|
43
|
+
color: #fff;
|
44
44
|
}
|
45
45
|
.ui.nag > .close.icon {
|
46
46
|
cursor: pointer;
|
@@ -50,7 +50,7 @@ a.ui.nag {
|
|
50
50
|
right: 1em;
|
51
51
|
font-size: 1em;
|
52
52
|
margin: -0.5em 0 0;
|
53
|
-
color: #
|
53
|
+
color: #fff;
|
54
54
|
-webkit-transition: opacity 0.2s ease;
|
55
55
|
transition: opacity 0.2s ease;
|
56
56
|
}
|
@@ -110,7 +110,7 @@ a.ui.nag {
|
|
110
110
|
--------------- */
|
111
111
|
.ui.inverted.nags .nag,
|
112
112
|
.ui.inverted.nag {
|
113
|
-
background-color: #
|
113
|
+
background-color: #f3f4f5;
|
114
114
|
color: rgba(0, 0, 0, 0.85);
|
115
115
|
}
|
116
116
|
.ui.inverted.nags .nag > .close,
|
@@ -160,98 +160,98 @@ a.ui.nag {
|
|
160
160
|
Colors
|
161
161
|
-------------- */
|
162
162
|
.ui.primary.nag {
|
163
|
-
background-color: #
|
163
|
+
background-color: #2185d0;
|
164
164
|
}
|
165
165
|
.ui.inverted.primary.nag {
|
166
|
-
background-color: #
|
166
|
+
background-color: #54c8ff;
|
167
167
|
}
|
168
168
|
.ui.secondary.nag {
|
169
|
-
background-color: #
|
169
|
+
background-color: #1b1c1d;
|
170
170
|
}
|
171
171
|
.ui.inverted.secondary.nag {
|
172
172
|
background-color: #545454;
|
173
173
|
}
|
174
174
|
.ui.red.nag {
|
175
|
-
background-color: #
|
175
|
+
background-color: #db2828;
|
176
176
|
}
|
177
177
|
.ui.inverted.red.nag {
|
178
|
-
background-color: #
|
178
|
+
background-color: #ff695e;
|
179
179
|
}
|
180
180
|
.ui.orange.nag {
|
181
|
-
background-color: #
|
181
|
+
background-color: #f2711c;
|
182
182
|
}
|
183
183
|
.ui.inverted.orange.nag {
|
184
|
-
background-color: #
|
184
|
+
background-color: #ff851b;
|
185
185
|
}
|
186
186
|
.ui.yellow.nag {
|
187
|
-
background-color: #
|
187
|
+
background-color: #fbbd08;
|
188
188
|
}
|
189
189
|
.ui.inverted.yellow.nag {
|
190
|
-
background-color: #
|
190
|
+
background-color: #ffe21f;
|
191
191
|
}
|
192
192
|
.ui.olive.nag {
|
193
|
-
background-color: #
|
193
|
+
background-color: #b5cc18;
|
194
194
|
}
|
195
195
|
.ui.inverted.olive.nag {
|
196
|
-
background-color: #
|
196
|
+
background-color: #d9e778;
|
197
197
|
}
|
198
198
|
.ui.green.nag {
|
199
|
-
background-color: #
|
199
|
+
background-color: #21ba45;
|
200
200
|
}
|
201
201
|
.ui.inverted.green.nag {
|
202
|
-
background-color: #
|
202
|
+
background-color: #2ecc40;
|
203
203
|
}
|
204
204
|
.ui.teal.nag {
|
205
|
-
background-color: #
|
205
|
+
background-color: #00b5ad;
|
206
206
|
}
|
207
207
|
.ui.inverted.teal.nag {
|
208
|
-
background-color: #
|
208
|
+
background-color: #6dffff;
|
209
209
|
}
|
210
210
|
.ui.blue.nag {
|
211
|
-
background-color: #
|
211
|
+
background-color: #2185d0;
|
212
212
|
}
|
213
213
|
.ui.inverted.blue.nag {
|
214
|
-
background-color: #
|
214
|
+
background-color: #54c8ff;
|
215
215
|
}
|
216
216
|
.ui.violet.nag {
|
217
|
-
background-color: #
|
217
|
+
background-color: #6435c9;
|
218
218
|
}
|
219
219
|
.ui.inverted.violet.nag {
|
220
|
-
background-color: #
|
220
|
+
background-color: #a291fb;
|
221
221
|
}
|
222
222
|
.ui.purple.nag {
|
223
|
-
background-color: #
|
223
|
+
background-color: #a333c8;
|
224
224
|
}
|
225
225
|
.ui.inverted.purple.nag {
|
226
|
-
background-color: #
|
226
|
+
background-color: #dc73ff;
|
227
227
|
}
|
228
228
|
.ui.pink.nag {
|
229
|
-
background-color: #
|
229
|
+
background-color: #e03997;
|
230
230
|
}
|
231
231
|
.ui.inverted.pink.nag {
|
232
|
-
background-color: #
|
232
|
+
background-color: #ff8edf;
|
233
233
|
}
|
234
234
|
.ui.brown.nag {
|
235
|
-
background-color: #
|
235
|
+
background-color: #a5673f;
|
236
236
|
}
|
237
237
|
.ui.inverted.brown.nag {
|
238
|
-
background-color: #
|
238
|
+
background-color: #d67c1c;
|
239
239
|
}
|
240
240
|
.ui.grey.nag {
|
241
241
|
background-color: #767676;
|
242
242
|
}
|
243
243
|
.ui.inverted.grey.nag {
|
244
|
-
background-color: #
|
244
|
+
background-color: #dcddde;
|
245
245
|
}
|
246
246
|
.ui.black.nag {
|
247
|
-
background-color: #
|
247
|
+
background-color: #1b1c1d;
|
248
248
|
color: rgba(255, 255, 255, 0.9);
|
249
249
|
}
|
250
250
|
.ui.inverted.black.nag {
|
251
251
|
background-color: #545454;
|
252
252
|
}
|
253
253
|
.ui.inverted.black.nag .title {
|
254
|
-
color: #
|
254
|
+
color: #fff;
|
255
255
|
}
|
256
256
|
|
257
257
|
|
package/dist/components/nag.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.27+2ec6af4 - Loader
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -18,7 +18,7 @@
|
|
18
18
|
animation: placeholderShimmer 2s linear;
|
19
19
|
-webkit-animation-iteration-count: infinite;
|
20
20
|
animation-iteration-count: infinite;
|
21
|
-
background-color: #
|
21
|
+
background-color: #fff;
|
22
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
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
24
|
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%);
|
@@ -65,7 +65,7 @@
|
|
65
65
|
.ui.placeholder .image.header::after,
|
66
66
|
.ui.placeholder .line,
|
67
67
|
.ui.placeholder .line::after {
|
68
|
-
background-color: #
|
68
|
+
background-color: #fff;
|
69
69
|
}
|
70
70
|
.ui.placeholder.hidden {
|
71
71
|
display: none;
|
@@ -99,7 +99,7 @@
|
|
99
99
|
.ui.placeholder .line::after {
|
100
100
|
top: 100%;
|
101
101
|
position: absolute;
|
102
|
-
content:
|
102
|
+
content: "";
|
103
103
|
background-color: inherit;
|
104
104
|
}
|
105
105
|
.ui.placeholder .line::before {
|
@@ -172,7 +172,7 @@
|
|
172
172
|
.ui.placeholder .image.header::after {
|
173
173
|
display: block;
|
174
174
|
height: 0.85714286em;
|
175
|
-
content:
|
175
|
+
content: "";
|
176
176
|
margin-left: 3em;
|
177
177
|
}
|
178
178
|
|
@@ -186,7 +186,7 @@
|
|
186
186
|
.ui.placeholder .paragraph:not(:first-child)::before,
|
187
187
|
.ui.placeholder .header:not(:first-child)::before {
|
188
188
|
height: 1.42857143em;
|
189
|
-
content:
|
189
|
+
content: "";
|
190
190
|
display: block;
|
191
191
|
}
|
192
192
|
|
@@ -201,7 +201,7 @@
|
|
201
201
|
.ui.inverted.placeholder .image.header::after,
|
202
202
|
.ui.inverted.placeholder .line,
|
203
203
|
.ui.inverted.placeholder .line::after {
|
204
|
-
background-color: #
|
204
|
+
background-color: #1b1c1d;
|
205
205
|
}
|
206
206
|
|
207
207
|
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.27+2ec6af4 - 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;-webkit-animation:placeholderShimmer 2s linear;animation:placeholderShimmer 2s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#fff;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.08)),color-stop(15%,rgba(0,0,0,.15)),color-stop(30%,rgba(0,0,0,.08)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);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}@-webkit-keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}@keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}.ui.placeholder+.ui.placeholder{margin-top:2rem}.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.15s;animation-delay:.15s}.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.3s;animation-delay:.3s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.45s;animation-delay:.45s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.6s;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:
|
9
|
+
*/.ui.placeholder{position:static;overflow:hidden;-webkit-animation:placeholderShimmer 2s linear;animation:placeholderShimmer 2s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#fff;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.08)),color-stop(15%,rgba(0,0,0,.15)),color-stop(30%,rgba(0,0,0,.08)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);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}@-webkit-keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}@keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}.ui.placeholder+.ui.placeholder{margin-top:2rem}.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.15s;animation-delay:.15s}.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.3s;animation-delay:.3s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.45s;animation-delay:.45s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.6s;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:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.08)),color-stop(15%,rgba(255,255,255,.14)),color-stop(30%,rgba(255,255,255,.08)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%);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}
|