rails-active-ui 0.2.2 → 0.3.1
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.
- checksums.yaml +4 -4
- data/app/assets/datatables.css +15 -0
- data/app/assets/stylesheets.css +5 -1
- data/app/blocks/resource_list_block.rb +153 -0
- data/app/components/back_button_component.rb +34 -0
- data/app/components/button_component.rb +4 -2
- data/app/components/button_to_component.rb +3 -4
- data/app/components/column_component.rb +1 -1
- data/app/components/container_component.rb +1 -1
- data/app/components/dropdown_component.rb +8 -2
- data/app/components/grid_component.rb +5 -1
- data/app/components/link_to_component.rb +23 -0
- data/app/components/menu_item_component.rb +5 -1
- data/app/components/message_component.rb +3 -1
- data/app/components/modal_component.rb +23 -3
- data/app/components/paragraph_component.rb +13 -0
- data/app/components/row_component.rb +1 -1
- data/app/components/table_row_component.rb +3 -5
- data/app/components/template_component.rb +13 -0
- data/app/helpers/component_helper.rb +122 -76
- data/app/helpers/fui_helper.rb +37 -0
- data/app/javascript/datatables.js +10 -0
- data/app/javascript/ui/controllers/fui_datatable_controller.js +35 -0
- data/app/javascript/ui/controllers/fui_dropdown_controller.js +8 -1
- data/app/javascript/ui/controllers/fui_item_list_controller.js +40 -0
- data/app/javascript/ui/controllers/navigation_controller.js +23 -0
- data/app/javascript/ui/index.js +11 -0
- data/app/lib/component.rb +1 -1
- data/config/importmap.rb +3 -0
- data/config/initializers/ruby_template_handler.rb +4 -1
- data/formantic-ui/components/accordion.css +369 -0
- data/formantic-ui/components/accordion.js +595 -0
- data/formantic-ui/components/accordion.min.css +9 -0
- data/formantic-ui/components/accordion.min.js +11 -0
- data/formantic-ui/components/ad.css +264 -0
- data/formantic-ui/components/ad.min.css +10 -0
- data/formantic-ui/components/api.js +1225 -0
- data/formantic-ui/components/api.min.js +11 -0
- data/formantic-ui/components/breadcrumb.css +135 -0
- data/formantic-ui/components/breadcrumb.min.css +9 -0
- data/formantic-ui/components/button.css +4058 -0
- data/formantic-ui/components/button.min.css +9 -0
- data/formantic-ui/components/calendar.css +327 -0
- data/formantic-ui/components/calendar.js +2045 -0
- data/formantic-ui/components/calendar.min.css +9 -0
- data/formantic-ui/components/calendar.min.js +11 -0
- data/formantic-ui/components/card.css +1881 -0
- data/formantic-ui/components/card.min.css +9 -0
- data/formantic-ui/components/checkbox.css +785 -0
- data/formantic-ui/components/checkbox.js +888 -0
- data/formantic-ui/components/checkbox.min.css +9 -0
- data/formantic-ui/components/checkbox.min.js +11 -0
- data/formantic-ui/components/comment.css +283 -0
- data/formantic-ui/components/comment.min.css +9 -0
- data/formantic-ui/components/container.css +300 -0
- data/formantic-ui/components/container.min.css +9 -0
- data/formantic-ui/components/dimmer.css +367 -0
- data/formantic-ui/components/dimmer.js +732 -0
- data/formantic-ui/components/dimmer.min.css +9 -0
- data/formantic-ui/components/dimmer.min.js +11 -0
- data/formantic-ui/components/divider.css +287 -0
- data/formantic-ui/components/divider.min.css +9 -0
- data/formantic-ui/components/dropdown.css +2087 -0
- data/formantic-ui/components/dropdown.js +4432 -0
- data/formantic-ui/components/dropdown.min.css +9 -0
- data/formantic-ui/components/dropdown.min.js +11 -0
- data/formantic-ui/components/embed.css +155 -0
- data/formantic-ui/components/embed.js +688 -0
- data/formantic-ui/components/embed.min.css +9 -0
- data/formantic-ui/components/embed.min.js +11 -0
- data/formantic-ui/components/emoji.css +15311 -0
- data/formantic-ui/components/emoji.min.css +9 -0
- data/formantic-ui/components/feed.css +799 -0
- data/formantic-ui/components/feed.min.css +9 -0
- data/formantic-ui/components/flag.css +1149 -0
- data/formantic-ui/components/flag.min.css +9 -0
- data/formantic-ui/components/flyout.css +546 -0
- data/formantic-ui/components/flyout.js +1551 -0
- data/formantic-ui/components/flyout.min.css +9 -0
- data/formantic-ui/components/flyout.min.js +11 -0
- data/formantic-ui/components/form.css +1885 -0
- data/formantic-ui/components/form.js +2199 -0
- data/formantic-ui/components/form.min.css +9 -0
- data/formantic-ui/components/form.min.js +11 -0
- data/formantic-ui/components/grid.css +1952 -0
- data/formantic-ui/components/grid.min.css +9 -0
- data/formantic-ui/components/header.css +778 -0
- data/formantic-ui/components/header.min.css +9 -0
- data/formantic-ui/components/icon.css +7066 -0
- data/formantic-ui/components/icon.min.css +9 -0
- data/formantic-ui/components/image.css +315 -0
- data/formantic-ui/components/image.min.css +9 -0
- data/formantic-ui/components/input.css +1566 -0
- data/formantic-ui/components/input.min.css +9 -0
- data/formantic-ui/components/item.css +534 -0
- data/formantic-ui/components/item.min.css +9 -0
- data/formantic-ui/components/label.css +2114 -0
- data/formantic-ui/components/label.min.css +9 -0
- data/formantic-ui/components/list.css +955 -0
- data/formantic-ui/components/list.min.css +9 -0
- data/formantic-ui/components/loader.css +787 -0
- data/formantic-ui/components/loader.min.css +9 -0
- data/formantic-ui/components/menu.css +2131 -0
- data/formantic-ui/components/menu.min.css +9 -0
- data/formantic-ui/components/message.css +619 -0
- data/formantic-ui/components/message.min.css +9 -0
- data/formantic-ui/components/modal.css +779 -0
- data/formantic-ui/components/modal.js +1637 -0
- data/formantic-ui/components/modal.min.css +9 -0
- data/formantic-ui/components/modal.min.js +11 -0
- data/formantic-ui/components/nag.css +290 -0
- data/formantic-ui/components/nag.js +566 -0
- data/formantic-ui/components/nag.min.css +9 -0
- data/formantic-ui/components/nag.min.js +11 -0
- data/formantic-ui/components/placeholder.css +228 -0
- data/formantic-ui/components/placeholder.min.css +9 -0
- data/formantic-ui/components/popup.css +1184 -0
- data/formantic-ui/components/popup.js +1561 -0
- data/formantic-ui/components/popup.min.css +9 -0
- data/formantic-ui/components/popup.min.js +11 -0
- data/formantic-ui/components/progress.css +761 -0
- data/formantic-ui/components/progress.js +979 -0
- data/formantic-ui/components/progress.min.css +9 -0
- data/formantic-ui/components/progress.min.js +11 -0
- data/formantic-ui/components/rail.css +147 -0
- data/formantic-ui/components/rail.min.css +9 -0
- data/formantic-ui/components/rating.css +414 -0
- data/formantic-ui/components/rating.js +540 -0
- data/formantic-ui/components/rating.min.css +9 -0
- data/formantic-ui/components/rating.min.js +11 -0
- data/formantic-ui/components/reset.css +386 -0
- data/formantic-ui/components/reset.min.css +9 -0
- data/formantic-ui/components/reveal.css +277 -0
- data/formantic-ui/components/reveal.min.css +9 -0
- data/formantic-ui/components/search.css +541 -0
- data/formantic-ui/components/search.js +1641 -0
- data/formantic-ui/components/search.min.css +9 -0
- data/formantic-ui/components/search.min.js +11 -0
- data/formantic-ui/components/segment.css +1053 -0
- data/formantic-ui/components/segment.min.css +9 -0
- data/formantic-ui/components/shape.css +144 -0
- data/formantic-ui/components/shape.js +797 -0
- data/formantic-ui/components/shape.min.css +9 -0
- data/formantic-ui/components/shape.min.js +11 -0
- data/formantic-ui/components/sidebar.css +539 -0
- data/formantic-ui/components/sidebar.js +1054 -0
- data/formantic-ui/components/sidebar.min.css +9 -0
- data/formantic-ui/components/sidebar.min.js +11 -0
- data/formantic-ui/components/site.css +286 -0
- data/formantic-ui/components/site.js +455 -0
- data/formantic-ui/components/site.min.css +9 -0
- data/formantic-ui/components/site.min.js +11 -0
- data/formantic-ui/components/slider.css +926 -0
- data/formantic-ui/components/slider.js +1546 -0
- data/formantic-ui/components/slider.min.css +9 -0
- data/formantic-ui/components/slider.min.js +11 -0
- data/formantic-ui/components/state.js +697 -0
- data/formantic-ui/components/state.min.js +11 -0
- data/formantic-ui/components/statistic.css +586 -0
- data/formantic-ui/components/statistic.min.css +9 -0
- data/formantic-ui/components/step.css +1538 -0
- data/formantic-ui/components/step.min.css +9 -0
- data/formantic-ui/components/sticky.css +73 -0
- data/formantic-ui/components/sticky.js +917 -0
- data/formantic-ui/components/sticky.min.css +9 -0
- data/formantic-ui/components/sticky.min.js +11 -0
- data/formantic-ui/components/tab.css +84 -0
- data/formantic-ui/components/tab.js +967 -0
- data/formantic-ui/components/tab.min.css +9 -0
- data/formantic-ui/components/tab.min.js +11 -0
- data/formantic-ui/components/table.css +3473 -0
- data/formantic-ui/components/table.min.css +9 -0
- data/formantic-ui/components/text.css +155 -0
- data/formantic-ui/components/text.min.css +9 -0
- data/formantic-ui/components/toast.css +751 -0
- data/formantic-ui/components/toast.js +964 -0
- data/formantic-ui/components/toast.min.css +9 -0
- data/formantic-ui/components/toast.min.js +11 -0
- data/formantic-ui/components/transition.css +1148 -0
- data/formantic-ui/components/transition.js +1034 -0
- data/formantic-ui/components/transition.min.css +9 -0
- data/formantic-ui/components/transition.min.js +11 -0
- data/formantic-ui/components/visibility.js +1292 -0
- data/formantic-ui/components/visibility.min.js +11 -0
- data/formantic-ui/semantic.css +78485 -0
- data/formantic-ui/semantic.js +31036 -0
- data/formantic-ui/semantic.min.css +11 -0
- data/formantic-ui/semantic.min.js +11 -0
- data/formantic-ui/themes/basic/assets/fonts/LICENSE.txt +91 -0
- data/formantic-ui/themes/basic/assets/fonts/icons.woff +0 -0
- data/formantic-ui/themes/basic/assets/fonts/icons.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/LICENSE_Lato.txt +94 -0
- data/formantic-ui/themes/default/assets/fonts/LICENSE_icons.txt +165 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Bold.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Italic.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Regular.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/brand-icons.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/brand-icons.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/icons.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/icons.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/outline-icons.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/outline-icons.woff2 +0 -0
- data/formantic-ui/themes/famfamfam/assets/images/flags.png +0 -0
- data/formantic-ui/themes/github/assets/fonts/LICENSE.txt +94 -0
- data/formantic-ui/themes/github/assets/fonts/octicons.woff +0 -0
- data/formantic-ui/themes/github/assets/fonts/octicons.woff2 +0 -0
- data/formantic-ui/themes/material/assets/fonts/LICENSE.txt +202 -0
- data/formantic-ui/themes/material/assets/fonts/icons.woff +0 -0
- data/formantic-ui/themes/material/assets/fonts/icons.woff2 +0 -0
- data/lib/ui/engine.rb +7 -2
- data/lib/ui/version.rb +1 -1
- metadata +205 -7
- data/app/components/link_component.rb +0 -23
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* # Fomantic-UI 2.9.4 - Loader
|
|
3
|
+
* https://github.com/fomantic/Fomantic-UI/
|
|
4
|
+
*
|
|
5
|
+
*
|
|
6
|
+
* Released under the MIT license
|
|
7
|
+
* https://opensource.org/licenses/MIT
|
|
8
|
+
*
|
|
9
|
+
*/.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;transform:translateX(-50%) translateY(-50%)}.ui.loader::before{position:absolute;content:"";top:0;left:50%;width:100%;height:100%;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loader::after{position:absolute;content:"";top:0;left:50%;width:100%;height:100%;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;box-shadow:0 0 0 1px transparent}.ui.fast.loader::after,.ui.ui.fast.loading .input>i.icon::after,.ui.ui.fast.loading::after,.ui.ui.fast.loading>i.icon::after{animation-duration:.3s}.ui.slow.loader::after,.ui.ui.slow.loading .input>i.icon::after,.ui.ui.slow.loading::after,.ui.ui.slow.loading>i.icon::after{animation-duration:.9s}@keyframes loader{100%{transform:rotate(360deg)}}.ui.dimmer>.loader{display:block}.ui.dimmer>.ui.loader{color:rgba(255,255,255,.9)}.ui.dimmer>.ui.loader:not(.elastic)::before{border-color:rgba(255,255,255,.15)}.ui.inverted.dimmer>.ui.loader{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.loader:not(.elastic)::before{border-color:rgba(0,0,0,.1)}.ui.ui.ui.ui.text.loader{width:auto;height:auto;text-align:center;font-style:normal}.ui.indeterminate.loader::after{animation-direction:reverse;animation-duration:1.2s}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.loader{width:2.28571429rem;height:2.28571429rem;font-size:1em}.ui.loader::after,.ui.loader::before{width:2.28571429rem;height:2.28571429rem;margin:0 0 0 -1.14285714rem}.ui.text.loader{min-width:2.28571429rem;padding-top:3.07142857rem}.ui.mini.loader{width:1rem;height:1rem;font-size:.78571429em}.ui.mini.loader::after,.ui.mini.loader::before{width:1rem;height:1rem;margin:0 0 0 -.5rem}.ui.mini.text.loader{min-width:1rem;padding-top:1.78571429rem}.ui.tiny.loader{width:1.14285714rem;height:1.14285714rem;font-size:.85714286em}.ui.tiny.loader::after,.ui.tiny.loader::before{width:1.14285714rem;height:1.14285714rem;margin:0 0 0 -.57142857rem}.ui.tiny.text.loader{min-width:1.14285714rem;padding-top:1.92857143rem}.ui.small.loader{width:1.71428571rem;height:1.71428571rem;font-size:.92857143em}.ui.small.loader::after,.ui.small.loader::before{width:1.71428571rem;height:1.71428571rem;margin:0 0 0 -.85714286rem}.ui.small.text.loader{min-width:1.71428571rem;padding-top:2.5rem}.ui.large.loader{width:3.42857143rem;height:3.42857143rem;font-size:1.14285714em}.ui.large.loader::after,.ui.large.loader::before{width:3.42857143rem;height:3.42857143rem;margin:0 0 0 -1.71428571rem}.ui.large.text.loader{min-width:3.42857143rem;padding-top:4.21428571rem}.ui.big.loader{width:3.71428571rem;height:3.71428571rem;font-size:1.28571429em}.ui.big.loader::after,.ui.big.loader::before{width:3.71428571rem;height:3.71428571rem;margin:0 0 0 -1.85714286rem}.ui.big.text.loader{min-width:3.71428571rem;padding-top:4.5rem}.ui.huge.loader{width:4.14285714rem;height:4.14285714rem;font-size:1.42857143em}.ui.huge.loader::after,.ui.huge.loader::before{width:4.14285714rem;height:4.14285714rem;margin:0 0 0 -2.07142857rem}.ui.huge.text.loader{min-width:4.14285714rem;padding-top:4.92857143rem}.ui.massive.loader{width:4.57142857rem;height:4.57142857rem;font-size:1.71428571em}.ui.massive.loader::after,.ui.massive.loader::before{width:4.57142857rem;height:4.57142857rem;margin:0 0 0 -2.28571429rem}.ui.massive.text.loader{min-width:4.57142857rem;padding-top:5.35714286rem}.ui.primary.basic.elastic.loading.button::after,.ui.primary.basic.elastic.loading.button::before,.ui.ui.primary.elastic.loader::before,.ui.ui.ui.primary.elastic.loading .input>i.icon::before,.ui.ui.ui.primary.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.primary.loader::after,.ui.ui.ui.ui.primary.elastic.loading>i.icon::before,.ui.ui.ui.ui.primary.loading .input>i.icon::after,.ui.ui.ui.ui.primary.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.primary.loading>i.icon::after{color:#2185d0}.ui.inverted.primary.elastic.loader::before,.ui.ui.ui.inverted.primary.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.primary.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.primary.elastic.loading>i.icon::before,.ui.ui.ui.inverted.primary.loader::after,.ui.ui.ui.ui.inverted.primary.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.primary.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.primary.loading>i.icon::after{color:#54c8ff}.ui.secondary.basic.elastic.loading.button::after,.ui.secondary.basic.elastic.loading.button::before,.ui.ui.secondary.elastic.loader::before,.ui.ui.ui.secondary.elastic.loading .input>i.icon::before,.ui.ui.ui.secondary.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.secondary.loader::after,.ui.ui.ui.ui.secondary.elastic.loading>i.icon::before,.ui.ui.ui.ui.secondary.loading .input>i.icon::after,.ui.ui.ui.ui.secondary.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.secondary.loading>i.icon::after{color:#1b1c1d}.ui.inverted.secondary.elastic.loader::before,.ui.ui.ui.inverted.secondary.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.secondary.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.secondary.elastic.loading>i.icon::before,.ui.ui.ui.inverted.secondary.loader::after,.ui.ui.ui.ui.inverted.secondary.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.secondary.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.secondary.loading>i.icon::after{color:#545454}.ui.red.basic.elastic.loading.button::after,.ui.red.basic.elastic.loading.button::before,.ui.ui.red.elastic.loader::before,.ui.ui.ui.red.elastic.loading .input>i.icon::before,.ui.ui.ui.red.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.red.loader::after,.ui.ui.ui.ui.red.elastic.loading>i.icon::before,.ui.ui.ui.ui.red.loading .input>i.icon::after,.ui.ui.ui.ui.red.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.red.loading>i.icon::after{color:#db2828}.ui.inverted.red.elastic.loader::before,.ui.ui.ui.inverted.red.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.red.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.red.elastic.loading>i.icon::before,.ui.ui.ui.inverted.red.loader::after,.ui.ui.ui.ui.inverted.red.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.red.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.red.loading>i.icon::after{color:#ff695e}.ui.orange.basic.elastic.loading.button::after,.ui.orange.basic.elastic.loading.button::before,.ui.ui.orange.elastic.loader::before,.ui.ui.ui.orange.elastic.loading .input>i.icon::before,.ui.ui.ui.orange.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.orange.loader::after,.ui.ui.ui.ui.orange.elastic.loading>i.icon::before,.ui.ui.ui.ui.orange.loading .input>i.icon::after,.ui.ui.ui.ui.orange.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.orange.loading>i.icon::after{color:#f2711c}.ui.inverted.orange.elastic.loader::before,.ui.ui.ui.inverted.orange.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.orange.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.orange.elastic.loading>i.icon::before,.ui.ui.ui.inverted.orange.loader::after,.ui.ui.ui.ui.inverted.orange.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.orange.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.orange.loading>i.icon::after{color:#ff851b}.ui.ui.ui.ui.yellow.elastic.loading>i.icon::before,.ui.ui.ui.ui.yellow.loading .input>i.icon::after,.ui.ui.ui.ui.yellow.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.yellow.loading>i.icon::after,.ui.ui.ui.yellow.elastic.loading .input>i.icon::before,.ui.ui.ui.yellow.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.yellow.loader::after,.ui.ui.yellow.elastic.loader::before,.ui.yellow.basic.elastic.loading.button::after,.ui.yellow.basic.elastic.loading.button::before{color:#fbbd08}.ui.inverted.yellow.elastic.loader::before,.ui.ui.ui.inverted.yellow.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.yellow.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.yellow.elastic.loading>i.icon::before,.ui.ui.ui.inverted.yellow.loader::after,.ui.ui.ui.ui.inverted.yellow.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.yellow.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.yellow.loading>i.icon::after{color:#ffe21f}.ui.olive.basic.elastic.loading.button::after,.ui.olive.basic.elastic.loading.button::before,.ui.ui.olive.elastic.loader::before,.ui.ui.ui.olive.elastic.loading .input>i.icon::before,.ui.ui.ui.olive.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.olive.loader::after,.ui.ui.ui.ui.olive.elastic.loading>i.icon::before,.ui.ui.ui.ui.olive.loading .input>i.icon::after,.ui.ui.ui.ui.olive.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.olive.loading>i.icon::after{color:#b5cc18}.ui.inverted.olive.elastic.loader::before,.ui.ui.ui.inverted.olive.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.olive.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.olive.elastic.loading>i.icon::before,.ui.ui.ui.inverted.olive.loader::after,.ui.ui.ui.ui.inverted.olive.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.olive.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.olive.loading>i.icon::after{color:#d9e778}.ui.green.basic.elastic.loading.button::after,.ui.green.basic.elastic.loading.button::before,.ui.ui.green.elastic.loader::before,.ui.ui.ui.green.elastic.loading .input>i.icon::before,.ui.ui.ui.green.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.green.loader::after,.ui.ui.ui.ui.green.elastic.loading>i.icon::before,.ui.ui.ui.ui.green.loading .input>i.icon::after,.ui.ui.ui.ui.green.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.green.loading>i.icon::after{color:#21ba45}.ui.inverted.green.elastic.loader::before,.ui.ui.ui.inverted.green.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.green.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.green.elastic.loading>i.icon::before,.ui.ui.ui.inverted.green.loader::after,.ui.ui.ui.ui.inverted.green.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.green.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.green.loading>i.icon::after{color:#2ecc40}.ui.teal.basic.elastic.loading.button::after,.ui.teal.basic.elastic.loading.button::before,.ui.ui.teal.elastic.loader::before,.ui.ui.ui.teal.elastic.loading .input>i.icon::before,.ui.ui.ui.teal.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.teal.loader::after,.ui.ui.ui.ui.teal.elastic.loading>i.icon::before,.ui.ui.ui.ui.teal.loading .input>i.icon::after,.ui.ui.ui.ui.teal.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.teal.loading>i.icon::after{color:#00b5ad}.ui.inverted.teal.elastic.loader::before,.ui.ui.ui.inverted.teal.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.teal.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.teal.elastic.loading>i.icon::before,.ui.ui.ui.inverted.teal.loader::after,.ui.ui.ui.ui.inverted.teal.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.teal.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.teal.loading>i.icon::after{color:#6dffff}.ui.blue.basic.elastic.loading.button::after,.ui.blue.basic.elastic.loading.button::before,.ui.ui.blue.elastic.loader::before,.ui.ui.ui.blue.elastic.loading .input>i.icon::before,.ui.ui.ui.blue.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.blue.loader::after,.ui.ui.ui.ui.blue.elastic.loading>i.icon::before,.ui.ui.ui.ui.blue.loading .input>i.icon::after,.ui.ui.ui.ui.blue.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.blue.loading>i.icon::after{color:#2185d0}.ui.inverted.blue.elastic.loader::before,.ui.ui.ui.inverted.blue.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.blue.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.blue.elastic.loading>i.icon::before,.ui.ui.ui.inverted.blue.loader::after,.ui.ui.ui.ui.inverted.blue.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.blue.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.blue.loading>i.icon::after{color:#54c8ff}.ui.ui.ui.ui.violet.elastic.loading>i.icon::before,.ui.ui.ui.ui.violet.loading .input>i.icon::after,.ui.ui.ui.ui.violet.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.violet.loading>i.icon::after,.ui.ui.ui.violet.elastic.loading .input>i.icon::before,.ui.ui.ui.violet.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.violet.loader::after,.ui.ui.violet.elastic.loader::before,.ui.violet.basic.elastic.loading.button::after,.ui.violet.basic.elastic.loading.button::before{color:#6435c9}.ui.inverted.violet.elastic.loader::before,.ui.ui.ui.inverted.violet.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.violet.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.violet.elastic.loading>i.icon::before,.ui.ui.ui.inverted.violet.loader::after,.ui.ui.ui.ui.inverted.violet.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.violet.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.violet.loading>i.icon::after{color:#a291fb}.ui.purple.basic.elastic.loading.button::after,.ui.purple.basic.elastic.loading.button::before,.ui.ui.purple.elastic.loader::before,.ui.ui.ui.purple.elastic.loading .input>i.icon::before,.ui.ui.ui.purple.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.purple.loader::after,.ui.ui.ui.ui.purple.elastic.loading>i.icon::before,.ui.ui.ui.ui.purple.loading .input>i.icon::after,.ui.ui.ui.ui.purple.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.purple.loading>i.icon::after{color:#a333c8}.ui.inverted.purple.elastic.loader::before,.ui.ui.ui.inverted.purple.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.purple.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.purple.elastic.loading>i.icon::before,.ui.ui.ui.inverted.purple.loader::after,.ui.ui.ui.ui.inverted.purple.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.purple.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.purple.loading>i.icon::after{color:#dc73ff}.ui.pink.basic.elastic.loading.button::after,.ui.pink.basic.elastic.loading.button::before,.ui.ui.pink.elastic.loader::before,.ui.ui.ui.pink.elastic.loading .input>i.icon::before,.ui.ui.ui.pink.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.pink.loader::after,.ui.ui.ui.ui.pink.elastic.loading>i.icon::before,.ui.ui.ui.ui.pink.loading .input>i.icon::after,.ui.ui.ui.ui.pink.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.pink.loading>i.icon::after{color:#e03997}.ui.inverted.pink.elastic.loader::before,.ui.ui.ui.inverted.pink.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.pink.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.pink.elastic.loading>i.icon::before,.ui.ui.ui.inverted.pink.loader::after,.ui.ui.ui.ui.inverted.pink.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.pink.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.pink.loading>i.icon::after{color:#ff8edf}.ui.brown.basic.elastic.loading.button::after,.ui.brown.basic.elastic.loading.button::before,.ui.ui.brown.elastic.loader::before,.ui.ui.ui.brown.elastic.loading .input>i.icon::before,.ui.ui.ui.brown.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.brown.loader::after,.ui.ui.ui.ui.brown.elastic.loading>i.icon::before,.ui.ui.ui.ui.brown.loading .input>i.icon::after,.ui.ui.ui.ui.brown.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.brown.loading>i.icon::after{color:#a5673f}.ui.inverted.brown.elastic.loader::before,.ui.ui.ui.inverted.brown.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.brown.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.brown.elastic.loading>i.icon::before,.ui.ui.ui.inverted.brown.loader::after,.ui.ui.ui.ui.inverted.brown.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.brown.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.brown.loading>i.icon::after{color:#d67c1c}.ui.grey.basic.elastic.loading.button::after,.ui.grey.basic.elastic.loading.button::before,.ui.ui.grey.elastic.loader::before,.ui.ui.ui.grey.elastic.loading .input>i.icon::before,.ui.ui.ui.grey.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.grey.loader::after,.ui.ui.ui.ui.grey.elastic.loading>i.icon::before,.ui.ui.ui.ui.grey.loading .input>i.icon::after,.ui.ui.ui.ui.grey.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.grey.loading>i.icon::after{color:#767676}.ui.inverted.grey.elastic.loader::before,.ui.ui.ui.inverted.grey.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.grey.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.grey.elastic.loading>i.icon::before,.ui.ui.ui.inverted.grey.loader::after,.ui.ui.ui.ui.inverted.grey.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.grey.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.grey.loading>i.icon::after{color:#dcddde}.ui.black.basic.elastic.loading.button::after,.ui.black.basic.elastic.loading.button::before,.ui.ui.black.elastic.loader::before,.ui.ui.ui.black.elastic.loading .input>i.icon::before,.ui.ui.ui.black.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.black.loader::after,.ui.ui.ui.ui.black.elastic.loading>i.icon::before,.ui.ui.ui.ui.black.loading .input>i.icon::after,.ui.ui.ui.ui.black.loading:not(.usual):not(.button)::after,.ui.ui.ui.ui.black.loading>i.icon::after{color:#1b1c1d}.ui.inverted.black.elastic.loader::before,.ui.ui.ui.inverted.black.elastic.loading .input>i.icon::before,.ui.ui.ui.inverted.black.elastic.loading:not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.inverted.black.elastic.loading>i.icon::before,.ui.ui.ui.inverted.black.loader::after,.ui.ui.ui.ui.inverted.black.loading .input>i.icon::after,.ui.ui.ui.ui.inverted.black.loading:not(.usual)::after,.ui.ui.ui.ui.inverted.black.loading>i.icon::after{color:#545454}.ui.ui.elastic.loader::before,.ui.ui.ui.elastic.loading .input>i.icon::before,.ui.ui.ui.elastic.loading::before,.ui.ui.ui.elastic.loading>i.icon::before,.ui.ui.ui.loader::after,.ui.ui.ui.ui.loading .input>i.icon::after,.ui.ui.ui.ui.loading:not(.usual)::after,.ui.ui.ui.ui.loading>i.icon::after{border-color:currentColor}.ui.ui.ui.ui.elastic.loading.button:not(.inverted):not(.basic)::before{color:#fff}.ui.elastic.basic.loading.button::after,.ui.elastic.basic.loading.button::before{color:#767676}.ui.ui.ui.ui.double.loading.button::after{border-bottom-color:currentColor}.ui.inline.loader{position:relative;vertical-align:middle;margin:0;left:0;top:0;transform:none}.ui.inline.loader.active,.ui.inline.loader.visible{display:inline-block}.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible{display:block;margin-left:auto;margin-right:auto}.ui.ui.ui.ui.ui.loader::after,.ui.ui.ui.ui.ui.ui.loading .input>i.icon::after,.ui.ui.ui.ui.ui.ui.loading::after,.ui.ui.ui.ui.ui.ui.loading>i.icon::after{border-left-color:transparent;border-right-color:transparent}.ui.ui.ui.ui.ui.ui.loader:not(.double)::after,.ui.ui.ui.ui.ui.ui.ui.loading:not(.double) .input>i.icon::after,.ui.ui.ui.ui.ui.ui.ui.loading:not(.double)::after,.ui.ui.ui.ui.ui.ui.ui.loading:not(.double)>i.icon::after{border-bottom-color:transparent}.ui.ui.ui.ui.ui.ui.loading.card::after,.ui.ui.ui.ui.ui.ui.loading.form::after,.ui.ui.ui.ui.ui.ui.loading.segment::after,.ui.ui.ui.ui.ui.ui.loading.segments::after{border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1)}.ui.ui.ui.ui.ui.ui.loading.card:not(.double)::after,.ui.ui.ui.ui.ui.ui.loading.form:not(.double)::after,.ui.ui.ui.ui.ui.ui.loading.segment:not(.double)::after,.ui.ui.ui.ui.ui.ui.loading.segments:not(.double)::after{border-bottom-color:rgba(0,0,0,.1)}.ui.dimmer>.ui.elastic.loader{color:#fff}.ui.inverted.dimmer>.ui.elastic.loader{color:#767676}.ui.ui.elastic.loader::after,.ui.ui.elastic.loading .input>i.icon::after,.ui.ui.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,.ui.ui.elastic.loading>i.icon::after{animation:loader 1s infinite cubic-bezier(.27,1.05,.92,.61);animation-delay:.3s}.ui.ui.elastic.loader::before,.ui.ui.ui.elastic.loading .input>i.icon::before,.ui.ui.ui.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.elastic.loading>i.icon::before{animation:elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61);-moz-animation:currentcolor-elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61);border-right-color:transparent}.ui.elastic.inline.loader:empty{animation:loader 8s infinite linear}.ui.ui.slow.elastic.loader::after,.ui.ui.slow.elastic.loading .input>i.icon::after,.ui.ui.slow.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,.ui.ui.slow.elastic.loading>i.icon::after{animation-duration:1.5s;animation-delay:.45s}.ui.ui.slow.elastic.loader::before,.ui.ui.ui.slow.elastic.loading .input>i.icon::before,.ui.ui.ui.slow.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.slow.elastic.loading>i.icon::before{animation-duration:1.5s}.ui.ui.fast.elastic.loader::after,.ui.ui.fast.elastic.loading .input>i.icon::after,.ui.ui.fast.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,.ui.ui.fast.elastic.loading>i.icon::after{animation-duration:.66s;animation-delay:.2s}.ui.ui.fast.elastic.loader::before,.ui.ui.ui.fast.elastic.loading .input>i.icon::before,.ui.ui.ui.fast.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,.ui.ui.ui.fast.elastic.loading>i.icon::before{animation-duration:.66s}@keyframes elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:inherit}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:inherit}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;transform:rotate(360deg)}}@keyframes currentcolor-elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:currentColor}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:currentColor}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;transform:rotate(360deg)}}
|