fomantic-ui 2.9.4-beta.7 → 2.9.4-beta.71
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/.all-contributorsrc +20 -1
- package/.eslintrc.js +17 -0
- package/.github/FUNDING.yml +1 -1
- package/.github/workflows/ci.yml +5 -5
- package/.github/workflows/depsreview.yml +14 -0
- package/.github/workflows/nightly.yml +1 -1
- package/.github/workflows/release.yml +1 -1
- package/CONTRIBUTORS.md +2 -0
- package/README.md +2 -12
- package/dist/components/accordion.css +1 -1
- package/dist/components/accordion.js +4 -2
- package/dist/components/accordion.min.css +1 -1
- package/dist/components/accordion.min.js +2 -2
- package/dist/components/ad.css +1 -1
- package/dist/components/ad.min.css +1 -1
- package/dist/components/api.js +7 -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 +21 -3
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +1 -1
- package/dist/components/calendar.js +15 -3
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +3 -3
- package/dist/components/card.css +1 -1
- package/dist/components/card.min.css +1 -1
- package/dist/components/checkbox.css +1 -1
- package/dist/components/checkbox.js +10 -4
- package/dist/components/checkbox.min.css +1 -1
- package/dist/components/checkbox.min.js +3 -3
- package/dist/components/comment.css +1 -1
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +1 -1
- package/dist/components/container.min.css +1 -1
- package/dist/components/dimmer.css +7 -3
- package/dist/components/dimmer.js +4 -2
- package/dist/components/dimmer.min.css +2 -2
- package/dist/components/dimmer.min.js +2 -2
- package/dist/components/divider.css +1 -1
- package/dist/components/divider.min.css +1 -1
- package/dist/components/dropdown.css +46 -38
- package/dist/components/dropdown.js +104 -33
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +3 -3
- package/dist/components/embed.css +1 -1
- package/dist/components/embed.js +17 -7
- package/dist/components/embed.min.css +1 -1
- package/dist/components/embed.min.js +3 -3
- package/dist/components/emoji.css +4309 -3713
- package/dist/components/emoji.min.css +2 -2
- package/dist/components/feed.css +12 -1
- 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 +1 -1
- package/dist/components/flyout.js +4 -2
- package/dist/components/flyout.min.css +1 -1
- package/dist/components/flyout.min.js +2 -2
- package/dist/components/form.css +15 -3
- package/dist/components/form.js +66 -23
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +3 -3
- package/dist/components/grid.css +5 -5
- package/dist/components/grid.min.css +2 -2
- package/dist/components/header.css +1 -1
- package/dist/components/header.min.css +1 -1
- package/dist/components/icon.css +1 -1
- package/dist/components/icon.min.css +1 -1
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +1 -1
- package/dist/components/input.min.css +1 -1
- package/dist/components/item.css +1 -1
- package/dist/components/item.min.css +1 -1
- package/dist/components/label.css +1 -1
- package/dist/components/label.min.css +1 -1
- package/dist/components/list.css +1 -1
- package/dist/components/list.min.css +1 -1
- package/dist/components/loader.css +1 -1
- package/dist/components/loader.min.css +1 -1
- package/dist/components/menu.css +1 -1
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +2 -1
- package/dist/components/message.min.css +2 -2
- package/dist/components/modal.css +1 -1
- package/dist/components/modal.js +7 -3
- package/dist/components/modal.min.css +1 -1
- package/dist/components/modal.min.js +2 -2
- package/dist/components/nag.css +1 -1
- package/dist/components/nag.js +11 -5
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +3 -3
- package/dist/components/placeholder.css +1 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +1 -1
- package/dist/components/popup.js +10 -4
- package/dist/components/popup.min.css +1 -1
- package/dist/components/popup.min.js +2 -2
- package/dist/components/progress.css +15 -6
- package/dist/components/progress.js +4 -2
- 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 +1 -1
- package/dist/components/rating.js +4 -2
- package/dist/components/rating.min.css +1 -1
- package/dist/components/rating.min.js +2 -2
- package/dist/components/reset.css +1 -1
- package/dist/components/reset.min.css +1 -1
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +1 -1
- package/dist/components/search.js +67 -14
- package/dist/components/search.min.css +1 -1
- package/dist/components/search.min.js +3 -3
- package/dist/components/segment.css +1 -1
- package/dist/components/segment.min.css +1 -1
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +7 -5
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +3 -3
- package/dist/components/sidebar.css +1 -1
- package/dist/components/sidebar.js +4 -2
- package/dist/components/sidebar.min.css +1 -1
- package/dist/components/sidebar.min.js +2 -2
- package/dist/components/site.css +14 -6
- package/dist/components/site.js +4 -2
- package/dist/components/site.min.css +2 -2
- package/dist/components/site.min.js +2 -2
- package/dist/components/slider.css +1 -1
- package/dist/components/slider.js +4 -2
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +2 -2
- package/dist/components/state.js +4 -2
- package/dist/components/state.min.js +2 -2
- package/dist/components/statistic.css +1 -1
- package/dist/components/statistic.min.css +1 -1
- package/dist/components/step.css +1 -1
- package/dist/components/step.min.css +1 -1
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +4 -2
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +2 -2
- package/dist/components/tab.css +1 -1
- package/dist/components/tab.js +4 -2
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +2 -2
- package/dist/components/table.css +32 -21
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toast.js +7 -3
- package/dist/components/toast.min.css +1 -1
- package/dist/components/toast.min.js +3 -3
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +7 -3
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +2 -2
- package/dist/components/visibility.js +4 -2
- package/dist/components/visibility.min.js +2 -2
- package/dist/semantic.css +4704 -3857
- package/dist/semantic.js +385 -136
- package/dist/semantic.min.css +3 -3
- package/dist/semantic.min.js +3 -3
- package/dist/themes/basic/assets/fonts/LICENSE.txt +91 -0
- package/dist/themes/default/assets/fonts/LICENSE_Lato.txt +94 -0
- package/dist/themes/default/assets/fonts/LICENSE_icons.txt +165 -0
- package/dist/themes/github/assets/fonts/LICENSE.txt +94 -0
- package/dist/themes/material/assets/fonts/LICENSE.txt +202 -0
- package/package.json +14 -14
- package/src/definitions/behaviors/api.js +6 -2
- package/src/definitions/behaviors/form.js +65 -22
- package/src/definitions/behaviors/state.js +3 -1
- package/src/definitions/behaviors/visibility.js +3 -1
- package/src/definitions/collections/form.less +9 -2
- package/src/definitions/collections/grid.less +4 -4
- package/src/definitions/collections/message.less +1 -0
- package/src/definitions/collections/table.less +69 -54
- package/src/definitions/elements/button.less +27 -3
- package/src/definitions/globals/site.js +3 -1
- package/src/definitions/globals/site.less +17 -12
- package/src/definitions/modules/accordion.js +3 -1
- package/src/definitions/modules/calendar.js +14 -2
- package/src/definitions/modules/checkbox.js +9 -3
- package/src/definitions/modules/dimmer.js +3 -1
- package/src/definitions/modules/dimmer.less +8 -5
- package/src/definitions/modules/dropdown.js +103 -32
- package/src/definitions/modules/dropdown.less +43 -29
- package/src/definitions/modules/embed.js +16 -6
- package/src/definitions/modules/flyout.js +3 -1
- package/src/definitions/modules/modal.js +6 -2
- package/src/definitions/modules/nag.js +10 -4
- package/src/definitions/modules/popup.js +9 -3
- package/src/definitions/modules/progress.js +3 -1
- package/src/definitions/modules/progress.less +17 -5
- package/src/definitions/modules/rating.js +3 -1
- package/src/definitions/modules/search.js +66 -13
- package/src/definitions/modules/search.less +9 -2
- package/src/definitions/modules/shape.js +6 -4
- package/src/definitions/modules/sidebar.js +3 -1
- package/src/definitions/modules/slider.js +3 -1
- package/src/definitions/modules/sticky.js +3 -1
- package/src/definitions/modules/tab.js +3 -1
- package/src/definitions/modules/toast.js +6 -2
- package/src/definitions/modules/transition.js +6 -2
- package/src/definitions/views/feed.less +11 -0
- package/src/themes/basic/assets/fonts/LICENSE.txt +91 -0
- package/src/themes/default/assets/fonts/LICENSE_Lato.txt +94 -0
- package/src/themes/default/assets/fonts/LICENSE_icons.txt +165 -0
- package/src/themes/default/elements/button.variables +3 -0
- package/src/themes/default/elements/emoji.variables +172 -23
- package/src/themes/default/globals/site.variables +3 -0
- package/src/themes/default/globals/variation.variables +3 -0
- package/src/themes/default/modules/dropdown.variables +3 -0
- package/src/themes/default/modules/progress.variables +1 -1
- package/src/themes/default/modules/search.variables +3 -0
- package/src/themes/default/views/feed.variables +3 -0
- package/src/themes/github/assets/fonts/LICENSE.txt +94 -0
- package/src/themes/joypixels/elements/emoji.variables +183 -22
- package/src/themes/material/assets/fonts/LICENSE.txt +202 -0
- package/tasks/admin/components/create.js +4 -4
- package/tasks/admin/components/init.js +2 -2
- package/tasks/admin/components/update.js +3 -3
- package/tasks/admin/distributions/create.js +3 -3
- package/tasks/admin/distributions/init.js +2 -2
- package/tasks/admin/distributions/update.js +4 -4
- package/tasks/build/assets.js +1 -1
- package/tasks/build/css.js +19 -10
- package/tasks/build/javascript.js +12 -5
- package/tasks/check-install.js +1 -1
- package/tasks/config/defaults.js +2 -0
- package/tasks/config/tasks.js +1 -1
- package/tasks/docs/build.js +3 -3
- package/tasks/docs/metadata.js +1 -1
- package/tasks/docs/serve.js +3 -1
- package/tasks/install.js +2 -2
- package/tasks/watch.js +1 -1
- package/types/fomantic-ui-accordion.d.ts +1 -1
- package/types/fomantic-ui-api.d.ts +9 -3
- package/types/fomantic-ui-calendar.d.ts +110 -9
- package/types/fomantic-ui-checkbox.d.ts +14 -4
- package/types/fomantic-ui-dimmer.d.ts +1 -1
- package/types/fomantic-ui-dropdown.d.ts +76 -44
- package/types/fomantic-ui-embed.d.ts +19 -2
- package/types/fomantic-ui-flyout.d.ts +25 -11
- package/types/fomantic-ui-form.d.ts +123 -15
- package/types/fomantic-ui-modal.d.ts +101 -5
- package/types/fomantic-ui-nag.d.ts +4 -4
- package/types/fomantic-ui-popup.d.ts +38 -12
- package/types/fomantic-ui-progress.d.ts +12 -6
- package/types/fomantic-ui-rating.d.ts +1 -1
- package/types/fomantic-ui-search.d.ts +138 -22
- package/types/fomantic-ui-shape.d.ts +2 -2
- package/types/fomantic-ui-sidebar.d.ts +4 -4
- package/types/fomantic-ui-slider.d.ts +2 -2
- package/types/fomantic-ui-sticky.d.ts +1 -1
- package/types/fomantic-ui-tab.d.ts +6 -6
- package/types/fomantic-ui-toast.d.ts +14 -2
- package/types/fomantic-ui-transition.d.ts +41 -7
- package/types/fomantic-ui-visibility.d.ts +3 -3
- package/types/index.d.ts +25 -25
- package/types/tests.ts +188 -0
- package/types/tsconfig.json +1 -1
- package/types/fomantic-ui-tests.ts +0 -25
package/dist/components/feed.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.4-beta.
|
2
|
+
* # Fomantic-UI 2.9.4-beta.71+aa0a7eb - Feed
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -401,6 +401,17 @@
|
|
401
401
|
color: rgba(255, 255, 255, 0.7);
|
402
402
|
}
|
403
403
|
|
404
|
+
/* Action */
|
405
|
+
.ui.inverted.feed > .event > .content .meta a,
|
406
|
+
.ui.inverted.feed > .event > .content .meta > i.icon {
|
407
|
+
color: rgba(255, 255, 255, 0.7);
|
408
|
+
}
|
409
|
+
.ui.inverted.feed > .event > .content .meta a:hover,
|
410
|
+
.ui.inverted.feed > .event > .content .meta a:hover i.icon,
|
411
|
+
.ui.inverted.feed > .event > .content .meta > i.icon:hover {
|
412
|
+
color: #ffffff;
|
413
|
+
}
|
414
|
+
|
404
415
|
/* --------------
|
405
416
|
Colors
|
406
417
|
--------------- */
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.4-beta.
|
2
|
+
* # Fomantic-UI 2.9.4-beta.71+aa0a7eb - Feed
|
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.feed{margin:1em 0}.ui.feed:first-child{margin-top:0}.ui.feed:last-child{margin-bottom:0}.ui.feed>.event{display:flex;flex-direction:row;width:100%;padding:.21428571rem 0;margin:0;background:0 0}.ui.feed>.event:not(:first-child){border-top:none}.ui.feed:not(.connected)>.event:first-child{padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:block;flex:0 0 auto;width:2.5em;height:auto;align-self:stretch;text-align:left}.ui.feed>.event>.label .icon{opacity:1;font-size:1.5em;width:100%;padding:.25em;background:0 0;border:none;border-radius:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label>.text{display:block;text-align:center;margin-top:.5em}.ui.feed>.event>.label>.text.ui{margin-top:.65em}.ui.feed>.event>.label>.text.multiline{margin-top:0}.ui.feed>.event>.label>.text.multiline.ui{margin-top:.3em}.ui.feed>.event>.label>.ui.label{margin-top:.4em;position:relative;z-index:1}.ui.feed>.event>.label+.content{margin:.5em 0 .35714286em 1.14285714em}.ui.feed>.event>.content{display:block;flex:1 1 auto;align-self:stretch;text-align:left;word-wrap:break-word}.ui.feed>.event:last-child>.content{padding-bottom:0}.ui.feed>.event>.content a{cursor:pointer}.ui.feed>.event>.content .date{margin:-.5rem 0 0;padding:0;color:rgba(0,0,0,.4);font-weight:400;font-size:1em;font-style:normal}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:700;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:10em;margin:-.25em .25em 0 0;border-radius:.25em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;font-weight:400;font-size:.85714286em;font-style:normal;margin:0 0 0 .5em;padding:0;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .summary>.date:not(.floated){float:none}.ui.feed>.event>.content .user{display:inline-block;font-weight:700;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-.25em .25em 0 0;width:auto;height:10em;vertical-align:middle}.ui.feed>.event>.content .extra{margin:.5em 0 0;background:0 0;padding:0;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 .25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:0;border-left:none;font-size:1em;max-width:500px;line-height:1.4285em}.ui.feed>.event>.content .meta{display:inline-block;font-size:.85714286em;margin:.5em 0 0;background:0 0;border:none;border-radius:0;box-shadow:none;padding:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:.75em}.ui.feed>.event>.content .meta>::after{content:"";color:rgba(0,0,0,.2);top:0;left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta .like{color:"";transition:.2s color ease}.ui.feed>.event>.content .meta .like:hover i.icon{color:#ff2733}.ui.feed>.event>.content .meta .active.like i.icon{color:#ef404a}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>i.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,.5);transition:color .1s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover i.icon,.ui.feed>.event>.content .meta>i.icon:hover{color:rgba(0,0,0,.95)}.ui.feed .right.floated{float:right}.ui.connected.feed>.event{position:relative}.ui.connected.feed>.event:not(:last-child)::before{border-left:2px solid rgba(34,36,38,.15);content:"";left:1.2em;position:absolute;top:2.1em;height:calc(100% - 1.5em)}.ui.connected.feed>.event>.label{position:relative}.ui.inverted.connected.feed>.event::before{border-left-color:rgba(255,255,255,.1)}.ui.divided.feed>.event:not(:first-child){border-top:1px solid rgba(34,36,38,.15)}.ui.inverted.divided.feed>.event{border-top-color:rgba(255,255,255,.1)}.ui.ui.feed>.event>.label[data-text]::before{content:attr(data-text)}.ui.feed>.event>.label[data-text]::before,.ui.ordered.feed>.event>.label::before{text-align:center;line-height:1;height:2.5em;background:#bbb;color:#fff;border-radius:50%;padding-top:.6em;position:relative;display:block;margin-bottom:.3em;border:2px solid transparent}.ui.ordered.feed{counter-reset:ordered}.ui.ordered.feed>.event>.label::before{counter-increment:ordered;content:counter(ordered)}.ui.ordered.basic.feed>.event>.label::before,.ui.ordered.feed>.event>.basic.label::before{border-color:#bbb;color:inherit;background:0 0}.ui.ordered.connected.feed>.event::before{top:2.7em;height:calc(100% - 2.5em)}.ui.connected.feed>.labeled.event::before,.ui.connected.labeled.feed>.event::before{top:4.85em;height:calc(100% - 4.6499999999999995em)}@supports selector(:has(.f)){.ui.connected.feed>.event:has(>.label[data-text]>*)::before,.ui.ordered.connected.feed>.event:has(>.label>*)::before{top:4.85em;height:calc(100% - 4.6499999999999995em)}}.ui.feed{font-size:1rem}.ui.mini.feed{font-size:.78571429rem}.ui.tiny.feed{font-size:.85714286rem}.ui.small.feed{font-size:.92857143rem}.ui.large.feed{font-size:1.14285714rem}.ui.big.feed{font-size:1.28571429rem}.ui.huge.feed{font-size:1.42857143rem}.ui.massive.feed{font-size:1.71428571rem}.ui.inverted.feed>.event{background:#1b1c1d}.ui.inverted.feed>.event>.label i.icon{color:rgba(255,255,255,.7)}.ui.inverted.feed>.event>.label .text:not(.ui){color:#fff}.ui.inverted.feed>.event>.content .date,.ui.inverted.feed>.event>.content .meta .like{color:rgba(255,255,255,.7)}.ui.inverted.feed>.event>.content .extra.text,.ui.inverted.feed>.event>.content .summary{color:rgba(255,255,255,.9)}.ui.inverted.feed>.event>.content .meta .like:hover{color:#fff}.ui.inverted.feed>.event>.content .meta .active.like i.icon{color:rgba(255,255,255,.7)}.ui.primary.feed>.event>.label::before,.ui.ui.feed>.event>.primary.label::before{background:#2185d0}.ui.connected.feed>.primary.event::before,.ui.primary.connected.feed>.event::before{border-color:#2185d0}.ui.connected.feed>.inverted.primary.event::before,.ui.inverted.primary.connected.feed>.event::before{border-color:#54c8ff}.ui.primary.basic.feed>.event>.label::before,.ui.ui.feed>.event>.primary.basic.label::before{color:#2185d0}.ui.feed>.event>.inverted.primary.label::before,.ui.inverted.primary.feed>.event>.label::before{background:#54c8ff}.ui.feed>.event>.inverted.primary.basic.label::before,.ui.inverted.primary.basic.feed>.event>.label::before{color:#54c8ff}.ui.secondary.feed>.event>.label::before,.ui.ui.feed>.event>.secondary.label::before{background:#1b1c1d}.ui.connected.feed>.secondary.event::before,.ui.secondary.connected.feed>.event::before{border-color:#1b1c1d}.ui.connected.feed>.inverted.secondary.event::before,.ui.inverted.secondary.connected.feed>.event::before{border-color:#545454}.ui.secondary.basic.feed>.event>.label::before,.ui.ui.feed>.event>.secondary.basic.label::before{color:#1b1c1d}.ui.feed>.event>.inverted.secondary.label::before,.ui.inverted.secondary.feed>.event>.label::before{background:#545454}.ui.feed>.event>.inverted.secondary.basic.label::before,.ui.inverted.secondary.basic.feed>.event>.label::before{color:#545454}.ui.red.feed>.event>.label::before,.ui.ui.feed>.event>.red.label::before{background:#db2828}.ui.connected.feed>.red.event::before,.ui.red.connected.feed>.event::before{border-color:#db2828}.ui.connected.feed>.inverted.red.event::before,.ui.inverted.red.connected.feed>.event::before{border-color:#ff695e}.ui.red.basic.feed>.event>.label::before,.ui.ui.feed>.event>.red.basic.label::before{color:#db2828}.ui.feed>.event>.inverted.red.label::before,.ui.inverted.red.feed>.event>.label::before{background:#ff695e}.ui.feed>.event>.inverted.red.basic.label::before,.ui.inverted.red.basic.feed>.event>.label::before{color:#ff695e}.ui.orange.feed>.event>.label::before,.ui.ui.feed>.event>.orange.label::before{background:#f2711c}.ui.connected.feed>.orange.event::before,.ui.orange.connected.feed>.event::before{border-color:#f2711c}.ui.connected.feed>.inverted.orange.event::before,.ui.inverted.orange.connected.feed>.event::before{border-color:#ff851b}.ui.orange.basic.feed>.event>.label::before,.ui.ui.feed>.event>.orange.basic.label::before{color:#f2711c}.ui.feed>.event>.inverted.orange.label::before,.ui.inverted.orange.feed>.event>.label::before{background:#ff851b}.ui.feed>.event>.inverted.orange.basic.label::before,.ui.inverted.orange.basic.feed>.event>.label::before{color:#ff851b}.ui.ui.feed>.event>.yellow.label::before,.ui.yellow.feed>.event>.label::before{background:#fbbd08}.ui.connected.feed>.yellow.event::before,.ui.yellow.connected.feed>.event::before{border-color:#fbbd08}.ui.connected.feed>.inverted.yellow.event::before,.ui.inverted.yellow.connected.feed>.event::before{border-color:#ffe21f}.ui.ui.feed>.event>.yellow.basic.label::before,.ui.yellow.basic.feed>.event>.label::before{color:#fbbd08}.ui.feed>.event>.inverted.yellow.label::before,.ui.inverted.yellow.feed>.event>.label::before{background:#ffe21f}.ui.feed>.event>.inverted.yellow.basic.label::before,.ui.inverted.yellow.basic.feed>.event>.label::before{color:#ffe21f}.ui.olive.feed>.event>.label::before,.ui.ui.feed>.event>.olive.label::before{background:#b5cc18}.ui.connected.feed>.olive.event::before,.ui.olive.connected.feed>.event::before{border-color:#b5cc18}.ui.connected.feed>.inverted.olive.event::before,.ui.inverted.olive.connected.feed>.event::before{border-color:#d9e778}.ui.olive.basic.feed>.event>.label::before,.ui.ui.feed>.event>.olive.basic.label::before{color:#b5cc18}.ui.feed>.event>.inverted.olive.label::before,.ui.inverted.olive.feed>.event>.label::before{background:#d9e778}.ui.feed>.event>.inverted.olive.basic.label::before,.ui.inverted.olive.basic.feed>.event>.label::before{color:#d9e778}.ui.green.feed>.event>.label::before,.ui.ui.feed>.event>.green.label::before{background:#21ba45}.ui.connected.feed>.green.event::before,.ui.green.connected.feed>.event::before{border-color:#21ba45}.ui.connected.feed>.inverted.green.event::before,.ui.inverted.green.connected.feed>.event::before{border-color:#2ecc40}.ui.green.basic.feed>.event>.label::before,.ui.ui.feed>.event>.green.basic.label::before{color:#21ba45}.ui.feed>.event>.inverted.green.label::before,.ui.inverted.green.feed>.event>.label::before{background:#2ecc40}.ui.feed>.event>.inverted.green.basic.label::before,.ui.inverted.green.basic.feed>.event>.label::before{color:#2ecc40}.ui.teal.feed>.event>.label::before,.ui.ui.feed>.event>.teal.label::before{background:#00b5ad}.ui.connected.feed>.teal.event::before,.ui.teal.connected.feed>.event::before{border-color:#00b5ad}.ui.connected.feed>.inverted.teal.event::before,.ui.inverted.teal.connected.feed>.event::before{border-color:#6dffff}.ui.teal.basic.feed>.event>.label::before,.ui.ui.feed>.event>.teal.basic.label::before{color:#00b5ad}.ui.feed>.event>.inverted.teal.label::before,.ui.inverted.teal.feed>.event>.label::before{background:#6dffff}.ui.feed>.event>.inverted.teal.basic.label::before,.ui.inverted.teal.basic.feed>.event>.label::before{color:#6dffff}.ui.blue.feed>.event>.label::before,.ui.ui.feed>.event>.blue.label::before{background:#2185d0}.ui.blue.connected.feed>.event::before,.ui.connected.feed>.blue.event::before{border-color:#2185d0}.ui.connected.feed>.inverted.blue.event::before,.ui.inverted.blue.connected.feed>.event::before{border-color:#54c8ff}.ui.blue.basic.feed>.event>.label::before,.ui.ui.feed>.event>.blue.basic.label::before{color:#2185d0}.ui.feed>.event>.inverted.blue.label::before,.ui.inverted.blue.feed>.event>.label::before{background:#54c8ff}.ui.feed>.event>.inverted.blue.basic.label::before,.ui.inverted.blue.basic.feed>.event>.label::before{color:#54c8ff}.ui.ui.feed>.event>.violet.label::before,.ui.violet.feed>.event>.label::before{background:#6435c9}.ui.connected.feed>.violet.event::before,.ui.violet.connected.feed>.event::before{border-color:#6435c9}.ui.connected.feed>.inverted.violet.event::before,.ui.inverted.violet.connected.feed>.event::before{border-color:#a291fb}.ui.ui.feed>.event>.violet.basic.label::before,.ui.violet.basic.feed>.event>.label::before{color:#6435c9}.ui.feed>.event>.inverted.violet.label::before,.ui.inverted.violet.feed>.event>.label::before{background:#a291fb}.ui.feed>.event>.inverted.violet.basic.label::before,.ui.inverted.violet.basic.feed>.event>.label::before{color:#a291fb}.ui.purple.feed>.event>.label::before,.ui.ui.feed>.event>.purple.label::before{background:#a333c8}.ui.connected.feed>.purple.event::before,.ui.purple.connected.feed>.event::before{border-color:#a333c8}.ui.connected.feed>.inverted.purple.event::before,.ui.inverted.purple.connected.feed>.event::before{border-color:#dc73ff}.ui.purple.basic.feed>.event>.label::before,.ui.ui.feed>.event>.purple.basic.label::before{color:#a333c8}.ui.feed>.event>.inverted.purple.label::before,.ui.inverted.purple.feed>.event>.label::before{background:#dc73ff}.ui.feed>.event>.inverted.purple.basic.label::before,.ui.inverted.purple.basic.feed>.event>.label::before{color:#dc73ff}.ui.pink.feed>.event>.label::before,.ui.ui.feed>.event>.pink.label::before{background:#e03997}.ui.connected.feed>.pink.event::before,.ui.pink.connected.feed>.event::before{border-color:#e03997}.ui.connected.feed>.inverted.pink.event::before,.ui.inverted.pink.connected.feed>.event::before{border-color:#ff8edf}.ui.pink.basic.feed>.event>.label::before,.ui.ui.feed>.event>.pink.basic.label::before{color:#e03997}.ui.feed>.event>.inverted.pink.label::before,.ui.inverted.pink.feed>.event>.label::before{background:#ff8edf}.ui.feed>.event>.inverted.pink.basic.label::before,.ui.inverted.pink.basic.feed>.event>.label::before{color:#ff8edf}.ui.brown.feed>.event>.label::before,.ui.ui.feed>.event>.brown.label::before{background:#a5673f}.ui.brown.connected.feed>.event::before,.ui.connected.feed>.brown.event::before{border-color:#a5673f}.ui.connected.feed>.inverted.brown.event::before,.ui.inverted.brown.connected.feed>.event::before{border-color:#d67c1c}.ui.brown.basic.feed>.event>.label::before,.ui.ui.feed>.event>.brown.basic.label::before{color:#a5673f}.ui.feed>.event>.inverted.brown.label::before,.ui.inverted.brown.feed>.event>.label::before{background:#d67c1c}.ui.feed>.event>.inverted.brown.basic.label::before,.ui.inverted.brown.basic.feed>.event>.label::before{color:#d67c1c}.ui.grey.feed>.event>.label::before,.ui.ui.feed>.event>.grey.label::before{background:#767676}.ui.connected.feed>.grey.event::before,.ui.grey.connected.feed>.event::before{border-color:#767676}.ui.connected.feed>.inverted.grey.event::before,.ui.inverted.grey.connected.feed>.event::before{border-color:#dcddde}.ui.grey.basic.feed>.event>.label::before,.ui.ui.feed>.event>.grey.basic.label::before{color:#767676}.ui.feed>.event>.inverted.grey.label::before,.ui.inverted.grey.feed>.event>.label::before{background:#dcddde}.ui.feed>.event>.inverted.grey.basic.label::before,.ui.inverted.grey.basic.feed>.event>.label::before{color:#dcddde}.ui.black.feed>.event>.label::before,.ui.ui.feed>.event>.black.label::before{background:#1b1c1d}.ui.black.connected.feed>.event::before,.ui.connected.feed>.black.event::before{border-color:#1b1c1d}.ui.connected.feed>.inverted.black.event::before,.ui.inverted.black.connected.feed>.event::before{border-color:#545454}.ui.black.basic.feed>.event>.label::before,.ui.ui.feed>.event>.black.basic.label::before{color:#1b1c1d}.ui.feed>.event>.inverted.black.label::before,.ui.inverted.black.feed>.event>.label::before{background:#545454}.ui.feed>.event>.inverted.black.basic.label::before,.ui.inverted.black.basic.feed>.event>.label::before{color:#545454}.ui.ui.feed>.event>.basic.label::before,.ui.ui.ui.basic.feed>.event>.label::before{background:0 0;border-color:currentColor}.ui.disabled.feed,.ui.feed .disabled.event{opacity:.45;pointer-events:none}
|
9
|
+
*/.ui.feed{margin:1em 0}.ui.feed:first-child{margin-top:0}.ui.feed:last-child{margin-bottom:0}.ui.feed>.event{display:flex;flex-direction:row;width:100%;padding:.21428571rem 0;margin:0;background:0 0}.ui.feed>.event:not(:first-child){border-top:none}.ui.feed:not(.connected)>.event:first-child{padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:block;flex:0 0 auto;width:2.5em;height:auto;align-self:stretch;text-align:left}.ui.feed>.event>.label .icon{opacity:1;font-size:1.5em;width:100%;padding:.25em;background:0 0;border:none;border-radius:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label>.text{display:block;text-align:center;margin-top:.5em}.ui.feed>.event>.label>.text.ui{margin-top:.65em}.ui.feed>.event>.label>.text.multiline{margin-top:0}.ui.feed>.event>.label>.text.multiline.ui{margin-top:.3em}.ui.feed>.event>.label>.ui.label{margin-top:.4em;position:relative;z-index:1}.ui.feed>.event>.label+.content{margin:.5em 0 .35714286em 1.14285714em}.ui.feed>.event>.content{display:block;flex:1 1 auto;align-self:stretch;text-align:left;word-wrap:break-word}.ui.feed>.event:last-child>.content{padding-bottom:0}.ui.feed>.event>.content a{cursor:pointer}.ui.feed>.event>.content .date{margin:-.5rem 0 0;padding:0;color:rgba(0,0,0,.4);font-weight:400;font-size:1em;font-style:normal}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:700;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:10em;margin:-.25em .25em 0 0;border-radius:.25em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;font-weight:400;font-size:.85714286em;font-style:normal;margin:0 0 0 .5em;padding:0;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .summary>.date:not(.floated){float:none}.ui.feed>.event>.content .user{display:inline-block;font-weight:700;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-.25em .25em 0 0;width:auto;height:10em;vertical-align:middle}.ui.feed>.event>.content .extra{margin:.5em 0 0;background:0 0;padding:0;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 .25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:0;border-left:none;font-size:1em;max-width:500px;line-height:1.4285em}.ui.feed>.event>.content .meta{display:inline-block;font-size:.85714286em;margin:.5em 0 0;background:0 0;border:none;border-radius:0;box-shadow:none;padding:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:.75em}.ui.feed>.event>.content .meta>::after{content:"";color:rgba(0,0,0,.2);top:0;left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta .like{color:"";transition:.2s color ease}.ui.feed>.event>.content .meta .like:hover i.icon{color:#ff2733}.ui.feed>.event>.content .meta .active.like i.icon{color:#ef404a}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>i.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,.5);transition:color .1s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover i.icon,.ui.feed>.event>.content .meta>i.icon:hover{color:rgba(0,0,0,.95)}.ui.feed .right.floated{float:right}.ui.connected.feed>.event{position:relative}.ui.connected.feed>.event:not(:last-child)::before{border-left:2px solid rgba(34,36,38,.15);content:"";left:1.2em;position:absolute;top:2.1em;height:calc(100% - 1.5em)}.ui.connected.feed>.event>.label{position:relative}.ui.inverted.connected.feed>.event::before{border-left-color:rgba(255,255,255,.1)}.ui.divided.feed>.event:not(:first-child){border-top:1px solid rgba(34,36,38,.15)}.ui.inverted.divided.feed>.event{border-top-color:rgba(255,255,255,.1)}.ui.ui.feed>.event>.label[data-text]::before{content:attr(data-text)}.ui.feed>.event>.label[data-text]::before,.ui.ordered.feed>.event>.label::before{text-align:center;line-height:1;height:2.5em;background:#bbb;color:#fff;border-radius:50%;padding-top:.6em;position:relative;display:block;margin-bottom:.3em;border:2px solid transparent}.ui.ordered.feed{counter-reset:ordered}.ui.ordered.feed>.event>.label::before{counter-increment:ordered;content:counter(ordered)}.ui.ordered.basic.feed>.event>.label::before,.ui.ordered.feed>.event>.basic.label::before{border-color:#bbb;color:inherit;background:0 0}.ui.ordered.connected.feed>.event::before{top:2.7em;height:calc(100% - 2.5em)}.ui.connected.feed>.labeled.event::before,.ui.connected.labeled.feed>.event::before{top:4.85em;height:calc(100% - 4.6499999999999995em)}@supports selector(:has(.f)){.ui.connected.feed>.event:has(>.label[data-text]>*)::before,.ui.ordered.connected.feed>.event:has(>.label>*)::before{top:4.85em;height:calc(100% - 4.6499999999999995em)}}.ui.feed{font-size:1rem}.ui.mini.feed{font-size:.78571429rem}.ui.tiny.feed{font-size:.85714286rem}.ui.small.feed{font-size:.92857143rem}.ui.large.feed{font-size:1.14285714rem}.ui.big.feed{font-size:1.28571429rem}.ui.huge.feed{font-size:1.42857143rem}.ui.massive.feed{font-size:1.71428571rem}.ui.inverted.feed>.event{background:#1b1c1d}.ui.inverted.feed>.event>.label i.icon{color:rgba(255,255,255,.7)}.ui.inverted.feed>.event>.label .text:not(.ui){color:#fff}.ui.inverted.feed>.event>.content .date,.ui.inverted.feed>.event>.content .meta .like{color:rgba(255,255,255,.7)}.ui.inverted.feed>.event>.content .extra.text,.ui.inverted.feed>.event>.content .summary{color:rgba(255,255,255,.9)}.ui.inverted.feed>.event>.content .meta .like:hover{color:#fff}.ui.inverted.feed>.event>.content .meta .active.like i.icon{color:rgba(255,255,255,.7)}.ui.inverted.feed>.event>.content .meta a,.ui.inverted.feed>.event>.content .meta>i.icon{color:rgba(255,255,255,.7)}.ui.inverted.feed>.event>.content .meta a:hover,.ui.inverted.feed>.event>.content .meta a:hover i.icon,.ui.inverted.feed>.event>.content .meta>i.icon:hover{color:#fff}.ui.primary.feed>.event>.label::before,.ui.ui.feed>.event>.primary.label::before{background:#2185d0}.ui.connected.feed>.primary.event::before,.ui.primary.connected.feed>.event::before{border-color:#2185d0}.ui.connected.feed>.inverted.primary.event::before,.ui.inverted.primary.connected.feed>.event::before{border-color:#54c8ff}.ui.primary.basic.feed>.event>.label::before,.ui.ui.feed>.event>.primary.basic.label::before{color:#2185d0}.ui.feed>.event>.inverted.primary.label::before,.ui.inverted.primary.feed>.event>.label::before{background:#54c8ff}.ui.feed>.event>.inverted.primary.basic.label::before,.ui.inverted.primary.basic.feed>.event>.label::before{color:#54c8ff}.ui.secondary.feed>.event>.label::before,.ui.ui.feed>.event>.secondary.label::before{background:#1b1c1d}.ui.connected.feed>.secondary.event::before,.ui.secondary.connected.feed>.event::before{border-color:#1b1c1d}.ui.connected.feed>.inverted.secondary.event::before,.ui.inverted.secondary.connected.feed>.event::before{border-color:#545454}.ui.secondary.basic.feed>.event>.label::before,.ui.ui.feed>.event>.secondary.basic.label::before{color:#1b1c1d}.ui.feed>.event>.inverted.secondary.label::before,.ui.inverted.secondary.feed>.event>.label::before{background:#545454}.ui.feed>.event>.inverted.secondary.basic.label::before,.ui.inverted.secondary.basic.feed>.event>.label::before{color:#545454}.ui.red.feed>.event>.label::before,.ui.ui.feed>.event>.red.label::before{background:#db2828}.ui.connected.feed>.red.event::before,.ui.red.connected.feed>.event::before{border-color:#db2828}.ui.connected.feed>.inverted.red.event::before,.ui.inverted.red.connected.feed>.event::before{border-color:#ff695e}.ui.red.basic.feed>.event>.label::before,.ui.ui.feed>.event>.red.basic.label::before{color:#db2828}.ui.feed>.event>.inverted.red.label::before,.ui.inverted.red.feed>.event>.label::before{background:#ff695e}.ui.feed>.event>.inverted.red.basic.label::before,.ui.inverted.red.basic.feed>.event>.label::before{color:#ff695e}.ui.orange.feed>.event>.label::before,.ui.ui.feed>.event>.orange.label::before{background:#f2711c}.ui.connected.feed>.orange.event::before,.ui.orange.connected.feed>.event::before{border-color:#f2711c}.ui.connected.feed>.inverted.orange.event::before,.ui.inverted.orange.connected.feed>.event::before{border-color:#ff851b}.ui.orange.basic.feed>.event>.label::before,.ui.ui.feed>.event>.orange.basic.label::before{color:#f2711c}.ui.feed>.event>.inverted.orange.label::before,.ui.inverted.orange.feed>.event>.label::before{background:#ff851b}.ui.feed>.event>.inverted.orange.basic.label::before,.ui.inverted.orange.basic.feed>.event>.label::before{color:#ff851b}.ui.ui.feed>.event>.yellow.label::before,.ui.yellow.feed>.event>.label::before{background:#fbbd08}.ui.connected.feed>.yellow.event::before,.ui.yellow.connected.feed>.event::before{border-color:#fbbd08}.ui.connected.feed>.inverted.yellow.event::before,.ui.inverted.yellow.connected.feed>.event::before{border-color:#ffe21f}.ui.ui.feed>.event>.yellow.basic.label::before,.ui.yellow.basic.feed>.event>.label::before{color:#fbbd08}.ui.feed>.event>.inverted.yellow.label::before,.ui.inverted.yellow.feed>.event>.label::before{background:#ffe21f}.ui.feed>.event>.inverted.yellow.basic.label::before,.ui.inverted.yellow.basic.feed>.event>.label::before{color:#ffe21f}.ui.olive.feed>.event>.label::before,.ui.ui.feed>.event>.olive.label::before{background:#b5cc18}.ui.connected.feed>.olive.event::before,.ui.olive.connected.feed>.event::before{border-color:#b5cc18}.ui.connected.feed>.inverted.olive.event::before,.ui.inverted.olive.connected.feed>.event::before{border-color:#d9e778}.ui.olive.basic.feed>.event>.label::before,.ui.ui.feed>.event>.olive.basic.label::before{color:#b5cc18}.ui.feed>.event>.inverted.olive.label::before,.ui.inverted.olive.feed>.event>.label::before{background:#d9e778}.ui.feed>.event>.inverted.olive.basic.label::before,.ui.inverted.olive.basic.feed>.event>.label::before{color:#d9e778}.ui.green.feed>.event>.label::before,.ui.ui.feed>.event>.green.label::before{background:#21ba45}.ui.connected.feed>.green.event::before,.ui.green.connected.feed>.event::before{border-color:#21ba45}.ui.connected.feed>.inverted.green.event::before,.ui.inverted.green.connected.feed>.event::before{border-color:#2ecc40}.ui.green.basic.feed>.event>.label::before,.ui.ui.feed>.event>.green.basic.label::before{color:#21ba45}.ui.feed>.event>.inverted.green.label::before,.ui.inverted.green.feed>.event>.label::before{background:#2ecc40}.ui.feed>.event>.inverted.green.basic.label::before,.ui.inverted.green.basic.feed>.event>.label::before{color:#2ecc40}.ui.teal.feed>.event>.label::before,.ui.ui.feed>.event>.teal.label::before{background:#00b5ad}.ui.connected.feed>.teal.event::before,.ui.teal.connected.feed>.event::before{border-color:#00b5ad}.ui.connected.feed>.inverted.teal.event::before,.ui.inverted.teal.connected.feed>.event::before{border-color:#6dffff}.ui.teal.basic.feed>.event>.label::before,.ui.ui.feed>.event>.teal.basic.label::before{color:#00b5ad}.ui.feed>.event>.inverted.teal.label::before,.ui.inverted.teal.feed>.event>.label::before{background:#6dffff}.ui.feed>.event>.inverted.teal.basic.label::before,.ui.inverted.teal.basic.feed>.event>.label::before{color:#6dffff}.ui.blue.feed>.event>.label::before,.ui.ui.feed>.event>.blue.label::before{background:#2185d0}.ui.blue.connected.feed>.event::before,.ui.connected.feed>.blue.event::before{border-color:#2185d0}.ui.connected.feed>.inverted.blue.event::before,.ui.inverted.blue.connected.feed>.event::before{border-color:#54c8ff}.ui.blue.basic.feed>.event>.label::before,.ui.ui.feed>.event>.blue.basic.label::before{color:#2185d0}.ui.feed>.event>.inverted.blue.label::before,.ui.inverted.blue.feed>.event>.label::before{background:#54c8ff}.ui.feed>.event>.inverted.blue.basic.label::before,.ui.inverted.blue.basic.feed>.event>.label::before{color:#54c8ff}.ui.ui.feed>.event>.violet.label::before,.ui.violet.feed>.event>.label::before{background:#6435c9}.ui.connected.feed>.violet.event::before,.ui.violet.connected.feed>.event::before{border-color:#6435c9}.ui.connected.feed>.inverted.violet.event::before,.ui.inverted.violet.connected.feed>.event::before{border-color:#a291fb}.ui.ui.feed>.event>.violet.basic.label::before,.ui.violet.basic.feed>.event>.label::before{color:#6435c9}.ui.feed>.event>.inverted.violet.label::before,.ui.inverted.violet.feed>.event>.label::before{background:#a291fb}.ui.feed>.event>.inverted.violet.basic.label::before,.ui.inverted.violet.basic.feed>.event>.label::before{color:#a291fb}.ui.purple.feed>.event>.label::before,.ui.ui.feed>.event>.purple.label::before{background:#a333c8}.ui.connected.feed>.purple.event::before,.ui.purple.connected.feed>.event::before{border-color:#a333c8}.ui.connected.feed>.inverted.purple.event::before,.ui.inverted.purple.connected.feed>.event::before{border-color:#dc73ff}.ui.purple.basic.feed>.event>.label::before,.ui.ui.feed>.event>.purple.basic.label::before{color:#a333c8}.ui.feed>.event>.inverted.purple.label::before,.ui.inverted.purple.feed>.event>.label::before{background:#dc73ff}.ui.feed>.event>.inverted.purple.basic.label::before,.ui.inverted.purple.basic.feed>.event>.label::before{color:#dc73ff}.ui.pink.feed>.event>.label::before,.ui.ui.feed>.event>.pink.label::before{background:#e03997}.ui.connected.feed>.pink.event::before,.ui.pink.connected.feed>.event::before{border-color:#e03997}.ui.connected.feed>.inverted.pink.event::before,.ui.inverted.pink.connected.feed>.event::before{border-color:#ff8edf}.ui.pink.basic.feed>.event>.label::before,.ui.ui.feed>.event>.pink.basic.label::before{color:#e03997}.ui.feed>.event>.inverted.pink.label::before,.ui.inverted.pink.feed>.event>.label::before{background:#ff8edf}.ui.feed>.event>.inverted.pink.basic.label::before,.ui.inverted.pink.basic.feed>.event>.label::before{color:#ff8edf}.ui.brown.feed>.event>.label::before,.ui.ui.feed>.event>.brown.label::before{background:#a5673f}.ui.brown.connected.feed>.event::before,.ui.connected.feed>.brown.event::before{border-color:#a5673f}.ui.connected.feed>.inverted.brown.event::before,.ui.inverted.brown.connected.feed>.event::before{border-color:#d67c1c}.ui.brown.basic.feed>.event>.label::before,.ui.ui.feed>.event>.brown.basic.label::before{color:#a5673f}.ui.feed>.event>.inverted.brown.label::before,.ui.inverted.brown.feed>.event>.label::before{background:#d67c1c}.ui.feed>.event>.inverted.brown.basic.label::before,.ui.inverted.brown.basic.feed>.event>.label::before{color:#d67c1c}.ui.grey.feed>.event>.label::before,.ui.ui.feed>.event>.grey.label::before{background:#767676}.ui.connected.feed>.grey.event::before,.ui.grey.connected.feed>.event::before{border-color:#767676}.ui.connected.feed>.inverted.grey.event::before,.ui.inverted.grey.connected.feed>.event::before{border-color:#dcddde}.ui.grey.basic.feed>.event>.label::before,.ui.ui.feed>.event>.grey.basic.label::before{color:#767676}.ui.feed>.event>.inverted.grey.label::before,.ui.inverted.grey.feed>.event>.label::before{background:#dcddde}.ui.feed>.event>.inverted.grey.basic.label::before,.ui.inverted.grey.basic.feed>.event>.label::before{color:#dcddde}.ui.black.feed>.event>.label::before,.ui.ui.feed>.event>.black.label::before{background:#1b1c1d}.ui.black.connected.feed>.event::before,.ui.connected.feed>.black.event::before{border-color:#1b1c1d}.ui.connected.feed>.inverted.black.event::before,.ui.inverted.black.connected.feed>.event::before{border-color:#545454}.ui.black.basic.feed>.event>.label::before,.ui.ui.feed>.event>.black.basic.label::before{color:#1b1c1d}.ui.feed>.event>.inverted.black.label::before,.ui.inverted.black.feed>.event>.label::before{background:#545454}.ui.feed>.event>.inverted.black.basic.label::before,.ui.inverted.black.basic.feed>.event>.label::before{color:#545454}.ui.ui.feed>.event>.basic.label::before,.ui.ui.ui.basic.feed>.event>.label::before{background:0 0;border-color:currentColor}.ui.disabled.feed,.ui.feed .disabled.event{opacity:.45;pointer-events:none}
|
package/dist/components/flag.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.4-beta.
|
2
|
+
* # Fomantic-UI 2.9.4-beta.71+aa0a7eb - Flyout
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -1219,7 +1219,9 @@
|
|
1219
1219
|
});
|
1220
1220
|
}
|
1221
1221
|
clearTimeout(module.performance.timer);
|
1222
|
-
module.performance.timer = setTimeout(function () {
|
1222
|
+
module.performance.timer = setTimeout(function () {
|
1223
|
+
module.performance.display();
|
1224
|
+
}, 500);
|
1223
1225
|
},
|
1224
1226
|
display: function () {
|
1225
1227
|
var
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*
|
2
|
-
* # Fomantic UI - 2.9.4-beta.
|
2
|
+
* # Fomantic UI - 2.9.4-beta.71+aa0a7eb
|
3
3
|
* https://github.com/fomantic/Fomantic-UI
|
4
4
|
* https://fomantic-ui.com/
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2024 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* https://opensource.org/licenses/MIT
|
9
9
|
*
|
package/dist/components/form.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.4-beta.
|
2
|
+
* # Fomantic-UI 2.9.4-beta.71+aa0a7eb - Form
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -619,6 +619,7 @@
|
|
619
619
|
.ui.form .error ::-ms-input-placeholder {
|
620
620
|
color: #e7bdbc;
|
621
621
|
}
|
622
|
+
.ui.form .error .ui.dropdown > .default.text,
|
622
623
|
.ui.form .error ::placeholder {
|
623
624
|
color: #e7bdbc;
|
624
625
|
}
|
@@ -631,6 +632,7 @@
|
|
631
632
|
.ui.form .error :focus::-ms-input-placeholder {
|
632
633
|
color: #da9796;
|
633
634
|
}
|
635
|
+
.ui.form .error .ui.dropdown > input:focus ~ .default.text,
|
634
636
|
.ui.form .error :focus::placeholder {
|
635
637
|
color: #da9796;
|
636
638
|
}
|
@@ -854,6 +856,7 @@
|
|
854
856
|
.ui.form .info ::-ms-input-placeholder {
|
855
857
|
color: #98cfe1;
|
856
858
|
}
|
859
|
+
.ui.form .info .ui.dropdown > .default.text,
|
857
860
|
.ui.form .info ::placeholder {
|
858
861
|
color: #98cfe1;
|
859
862
|
}
|
@@ -866,6 +869,7 @@
|
|
866
869
|
.ui.form .info :focus::-ms-input-placeholder {
|
867
870
|
color: #70bdd6;
|
868
871
|
}
|
872
|
+
.ui.form .info .ui.dropdown > input:focus ~ .default.text,
|
869
873
|
.ui.form .info :focus::placeholder {
|
870
874
|
color: #70bdd6;
|
871
875
|
}
|
@@ -1089,6 +1093,7 @@
|
|
1089
1093
|
.ui.form .success ::-ms-input-placeholder {
|
1090
1094
|
color: #8fcf90;
|
1091
1095
|
}
|
1096
|
+
.ui.form .success .ui.dropdown > .default.text,
|
1092
1097
|
.ui.form .success ::placeholder {
|
1093
1098
|
color: #8fcf90;
|
1094
1099
|
}
|
@@ -1101,6 +1106,7 @@
|
|
1101
1106
|
.ui.form .success :focus::-ms-input-placeholder {
|
1102
1107
|
color: #6cbf6d;
|
1103
1108
|
}
|
1109
|
+
.ui.form .success .ui.dropdown > input:focus ~ .default.text,
|
1104
1110
|
.ui.form .success :focus::placeholder {
|
1105
1111
|
color: #6cbf6d;
|
1106
1112
|
}
|
@@ -1324,6 +1330,7 @@
|
|
1324
1330
|
.ui.form .warning ::-ms-input-placeholder {
|
1325
1331
|
color: #edad3e;
|
1326
1332
|
}
|
1333
|
+
.ui.form .warning .ui.dropdown > .default.text,
|
1327
1334
|
.ui.form .warning ::placeholder {
|
1328
1335
|
color: #edad3e;
|
1329
1336
|
}
|
@@ -1336,6 +1343,7 @@
|
|
1336
1343
|
.ui.form .warning :focus::-ms-input-placeholder {
|
1337
1344
|
color: #e39715;
|
1338
1345
|
}
|
1346
|
+
.ui.form .warning .ui.dropdown > input:focus ~ .default.text,
|
1339
1347
|
.ui.form .warning :focus::placeholder {
|
1340
1348
|
color: #e39715;
|
1341
1349
|
}
|
@@ -1506,11 +1514,14 @@
|
|
1506
1514
|
top: 0;
|
1507
1515
|
left: 100%;
|
1508
1516
|
}
|
1509
|
-
.ui.ui.ui.ui.form .fields > label:empty::after,
|
1510
|
-
.ui.ui.ui.ui.form .field > label:empty::after {
|
1517
|
+
.ui.ui.ui.ui.form .fields:not(.required) > label:empty::after,
|
1518
|
+
.ui.ui.ui.ui.form .fields:not(.grouped):not(.inline) > .field:not(.required) > label:empty::after {
|
1511
1519
|
content: " ";
|
1512
1520
|
display: inline-block;
|
1513
1521
|
}
|
1522
|
+
.ui.ui.ui.ui.form .inline.fields .field:not(.required) > label:empty {
|
1523
|
+
display: none;
|
1524
|
+
}
|
1514
1525
|
|
1515
1526
|
|
1516
1527
|
/*******************************
|
@@ -1525,6 +1536,7 @@
|
|
1525
1536
|
.ui.form .inverted.segment label,
|
1526
1537
|
.ui.form .inverted.segment .ui.checkbox label,
|
1527
1538
|
.ui.inverted.form .ui.checkbox label,
|
1539
|
+
.ui.inverted.form .grouped.fields > label,
|
1528
1540
|
.ui.inverted.form .inline.fields > label,
|
1529
1541
|
.ui.inverted.form .inline.fields .field > label,
|
1530
1542
|
.ui.inverted.form .inline.fields .field > p,
|
package/dist/components/form.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.4-beta.
|
2
|
+
* # Fomantic-UI 2.9.4-beta.71+aa0a7eb - Form Validation
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -38,6 +38,7 @@
|
|
38
38
|
element = this,
|
39
39
|
|
40
40
|
formErrors = [],
|
41
|
+
formErrorsTracker = {},
|
41
42
|
keyHeldDown = false,
|
42
43
|
|
43
44
|
// set at run-time
|
@@ -538,6 +539,13 @@
|
|
538
539
|
fullFields[name].rules.push({ type: rule });
|
539
540
|
});
|
540
541
|
}
|
542
|
+
|
543
|
+
$.each(fullFields[name].rules, function (index, rule) {
|
544
|
+
var ruleName = module.get.ruleName(rule);
|
545
|
+
if (ruleName === 'empty') {
|
546
|
+
module.warn('*** DEPRECATED *** : Rule "empty" for field "' + name + '" will be removed in a future version. -> Use "notEmpty" rule instead.');
|
547
|
+
}
|
548
|
+
});
|
541
549
|
});
|
542
550
|
|
543
551
|
return fullFields;
|
@@ -551,9 +559,10 @@
|
|
551
559
|
ancillary = module.get.ancillaryValue(rule),
|
552
560
|
$field = module.get.field(field.identifier),
|
553
561
|
value = $field.val(),
|
554
|
-
|
555
|
-
|
556
|
-
|
562
|
+
promptCheck = rule.prompt || settings.prompt[ruleName] || settings.text.unspecifiedRule,
|
563
|
+
prompt = String(isFunction(promptCheck)
|
564
|
+
? promptCheck.call($field[0], value)
|
565
|
+
: promptCheck),
|
557
566
|
requiresValue = prompt.search('{value}') !== -1,
|
558
567
|
requiresName = prompt.search('{name}') !== -1,
|
559
568
|
parts,
|
@@ -591,10 +600,10 @@
|
|
591
600
|
},
|
592
601
|
settings: function () {
|
593
602
|
if ($.isPlainObject(parameters)) {
|
594
|
-
if (parameters.fields) {
|
595
|
-
parameters.fields = module.get.fieldsFromShorthand(parameters.fields);
|
596
|
-
}
|
597
603
|
settings = $.extend(true, {}, $.fn.form.settings, parameters);
|
604
|
+
if (settings.fields) {
|
605
|
+
settings.fields = module.get.fieldsFromShorthand(settings.fields);
|
606
|
+
}
|
598
607
|
validation = $.extend(true, {}, $.fn.form.settings.defaults, settings.fields);
|
599
608
|
module.verbose('Extending settings', validation, settings);
|
600
609
|
} else {
|
@@ -711,7 +720,7 @@
|
|
711
720
|
var
|
712
721
|
$field = $(field),
|
713
722
|
$calendar = $field.closest(selector.uiCalendar),
|
714
|
-
name = $field.prop('name'),
|
723
|
+
name = $field.prop('name') || $field.prop('id'),
|
715
724
|
value = $field.val(),
|
716
725
|
isCheckbox = $field.is(selector.checkbox),
|
717
726
|
isRadio = $field.is(selector.radio),
|
@@ -940,7 +949,7 @@
|
|
940
949
|
$prompt.css('display', 'none');
|
941
950
|
}
|
942
951
|
$prompt
|
943
|
-
.appendTo($fieldGroup)
|
952
|
+
.appendTo($fieldGroup.filter('.' + className.error))
|
944
953
|
;
|
945
954
|
}
|
946
955
|
$prompt
|
@@ -1237,20 +1246,20 @@
|
|
1237
1246
|
isRequired = $el.prop('required') || $elGroup.hasClass(className.required) || $elGroup.parent().hasClass(className.required),
|
1238
1247
|
isDisabled = $el.is(':disabled') || $elGroup.hasClass(className.disabled) || $elGroup.parent().hasClass(className.disabled),
|
1239
1248
|
validation = module.get.validation($el),
|
1240
|
-
|
1249
|
+
hasNotEmptyRule = validation
|
1241
1250
|
? $.grep(validation.rules, function (rule) {
|
1242
|
-
return rule.type
|
1243
|
-
})
|
1251
|
+
return ['notEmpty', 'checked', 'empty'].indexOf(rule.type) >= 0;
|
1252
|
+
}).length > 0
|
1244
1253
|
: false,
|
1245
1254
|
identifier = module.get.identifier(validation, $el)
|
1246
1255
|
;
|
1247
|
-
if (isRequired && !isDisabled && !
|
1256
|
+
if (isRequired && !isDisabled && !hasNotEmptyRule && identifier !== undefined) {
|
1248
1257
|
if (isCheckbox) {
|
1249
1258
|
module.verbose("Adding 'checked' rule on field", identifier);
|
1250
1259
|
module.add.rule(identifier, 'checked');
|
1251
1260
|
} else {
|
1252
|
-
module.verbose("Adding '
|
1253
|
-
module.add.rule(identifier, '
|
1261
|
+
module.verbose("Adding 'notEmpty' rule on field", identifier);
|
1262
|
+
module.add.rule(identifier, 'notEmpty');
|
1254
1263
|
}
|
1255
1264
|
}
|
1256
1265
|
});
|
@@ -1277,6 +1286,7 @@
|
|
1277
1286
|
$module.removeClass(className.initial);
|
1278
1287
|
// reset errors
|
1279
1288
|
formErrors = [];
|
1289
|
+
formErrorsTracker = {};
|
1280
1290
|
if (module.determine.isValid()) {
|
1281
1291
|
module.debug('Form has no validation errors, submitting');
|
1282
1292
|
module.set.success();
|
@@ -1342,28 +1352,30 @@
|
|
1342
1352
|
var
|
1343
1353
|
identifier = field.identifier || fieldName,
|
1344
1354
|
$field = module.get.field(identifier),
|
1355
|
+
$fieldGroup = $field.closest($group),
|
1345
1356
|
$dependsField = field.depends
|
1346
1357
|
? module.get.field(field.depends)
|
1347
1358
|
: false,
|
1348
1359
|
fieldValid = true,
|
1349
1360
|
fieldErrors = [],
|
1350
|
-
isDisabled = $field.filter(':not(:disabled)').length === 0,
|
1361
|
+
isDisabled = $field.filter(':not(:disabled)').length === 0 || $fieldGroup.hasClass(className.disabled) || $fieldGroup.parent().hasClass(className.disabled),
|
1351
1362
|
validationMessage = $field[0].validationMessage,
|
1363
|
+
noNativeValidation = field.noNativeValidation || settings.noNativeValidation || $field.filter('[formnovalidate],[novalidate]').length > 0 || $module.filter('[novalidate]').length > 0,
|
1352
1364
|
errorLimit
|
1353
1365
|
;
|
1354
1366
|
if (!field.identifier) {
|
1355
1367
|
module.debug('Using field name as identifier', identifier);
|
1356
1368
|
field.identifier = identifier;
|
1357
1369
|
}
|
1358
|
-
if (validationMessage) {
|
1370
|
+
if (validationMessage && !noNativeValidation && !isDisabled) {
|
1359
1371
|
module.debug('Field is natively invalid', identifier);
|
1360
1372
|
fieldErrors.push(validationMessage);
|
1361
1373
|
fieldValid = false;
|
1362
1374
|
if (showErrors) {
|
1363
|
-
$
|
1375
|
+
$fieldGroup.addClass(className.error);
|
1364
1376
|
}
|
1365
1377
|
} else if (showErrors) {
|
1366
|
-
$
|
1378
|
+
$fieldGroup.removeClass(className.error);
|
1367
1379
|
}
|
1368
1380
|
if (isDisabled) {
|
1369
1381
|
module.debug('Field is disabled. Skipping', identifier);
|
@@ -1378,7 +1390,22 @@
|
|
1378
1390
|
var invalidFields = module.validate.rule(field, rule, true) || [];
|
1379
1391
|
if (invalidFields.length > 0) {
|
1380
1392
|
module.debug('Field is invalid', identifier, rule.type);
|
1381
|
-
|
1393
|
+
var fieldError = module.get.prompt(rule, field);
|
1394
|
+
if (!settings.inline) {
|
1395
|
+
if (
|
1396
|
+
// Always allow the first error prompt for new field identifiers
|
1397
|
+
(!(identifier in formErrorsTracker)
|
1398
|
+
// Also allow multiple error prompts per field identifier but make sure each prompt is unique
|
1399
|
+
|| formErrorsTracker[identifier].indexOf(fieldError) === -1)
|
1400
|
+
// Limit the number of unique error prompts for every field identifier if specified
|
1401
|
+
&& (!errorLimit || (formErrorsTracker[identifier] || []).length < errorLimit)
|
1402
|
+
) {
|
1403
|
+
fieldErrors.push(fieldError);
|
1404
|
+
(formErrorsTracker[identifier] = formErrorsTracker[identifier] || []).push(fieldError);
|
1405
|
+
}
|
1406
|
+
} else {
|
1407
|
+
fieldErrors.push(fieldError);
|
1408
|
+
}
|
1382
1409
|
fieldValid = false;
|
1383
1410
|
if (showErrors) {
|
1384
1411
|
$(invalidFields).closest($group).addClass(className.error);
|
@@ -1393,7 +1420,7 @@
|
|
1393
1420
|
settings.onValid.call($field);
|
1394
1421
|
}
|
1395
1422
|
} else {
|
1396
|
-
if (showErrors) {
|
1423
|
+
if (showErrors && fieldErrors.length > 0) {
|
1397
1424
|
formErrors = formErrors.concat(fieldErrors);
|
1398
1425
|
module.add.prompt(identifier, fieldErrors, true);
|
1399
1426
|
settings.onInvalid.call($field, fieldErrors);
|
@@ -1491,6 +1518,12 @@
|
|
1491
1518
|
module.error.apply(console, arguments);
|
1492
1519
|
}
|
1493
1520
|
},
|
1521
|
+
warn: function () {
|
1522
|
+
if (!settings.silent) {
|
1523
|
+
module.warn = Function.prototype.bind.call(console.warn, console, settings.name + ':');
|
1524
|
+
module.warn.apply(console, arguments);
|
1525
|
+
}
|
1526
|
+
},
|
1494
1527
|
performance: {
|
1495
1528
|
log: function (message) {
|
1496
1529
|
var
|
@@ -1511,7 +1544,9 @@
|
|
1511
1544
|
});
|
1512
1545
|
}
|
1513
1546
|
clearTimeout(module.performance.timer);
|
1514
|
-
module.performance.timer = setTimeout(function () {
|
1547
|
+
module.performance.timer = setTimeout(function () {
|
1548
|
+
module.performance.display();
|
1549
|
+
}, 500);
|
1515
1550
|
},
|
1516
1551
|
display: function () {
|
1517
1552
|
var
|
@@ -1605,6 +1640,7 @@
|
|
1605
1640
|
name: 'Form',
|
1606
1641
|
namespace: 'form',
|
1607
1642
|
|
1643
|
+
silent: false,
|
1608
1644
|
debug: false,
|
1609
1645
|
verbose: false,
|
1610
1646
|
performance: true,
|
@@ -1627,6 +1663,7 @@
|
|
1627
1663
|
errorFocus: true,
|
1628
1664
|
dateHandling: 'date', // 'date', 'input', 'formatter'
|
1629
1665
|
errorLimit: 0,
|
1666
|
+
noNativeValidation: false,
|
1630
1667
|
|
1631
1668
|
onValid: function () {},
|
1632
1669
|
onInvalid: function () {},
|
@@ -1669,6 +1706,7 @@
|
|
1669
1706
|
maxValue: '{name} must have a maximum value of {ruleValue}',
|
1670
1707
|
minValue: '{name} must have a minimum value of {ruleValue}',
|
1671
1708
|
empty: '{name} must have a value',
|
1709
|
+
notEmpty: '{name} must have a value',
|
1672
1710
|
checked: '{name} must be checked',
|
1673
1711
|
email: '{name} must be a valid e-mail',
|
1674
1712
|
url: '{name} must be a valid url',
|
@@ -1801,10 +1839,15 @@
|
|
1801
1839
|
rules: {
|
1802
1840
|
|
1803
1841
|
// is not empty or blank string
|
1804
|
-
|
1842
|
+
notEmpty: function (value) {
|
1805
1843
|
return !(value === undefined || value === '' || (Array.isArray(value) && value.length === 0));
|
1806
1844
|
},
|
1807
1845
|
|
1846
|
+
/* Deprecated */
|
1847
|
+
empty: function (value) {
|
1848
|
+
return $.fn.form.settings.rules.notEmpty(value);
|
1849
|
+
},
|
1850
|
+
|
1808
1851
|
// checkbox checked
|
1809
1852
|
checked: function () {
|
1810
1853
|
return $(this).filter(':checked').length > 0;
|