fomantic-ui 2.9.2-beta.0 → 2.9.2-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/ci.yml +1 -1
- package/dist/components/accordion.css +1 -1
- package/dist/components/accordion.js +4 -4
- package/dist/components/accordion.min.css +1 -1
- package/dist/components/accordion.min.js +2 -2
- package/dist/components/ad.css +2 -2
- package/dist/components/ad.min.css +1 -1
- package/dist/components/api.js +1 -1
- package/dist/components/api.min.js +1 -1
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +1 -1
- package/dist/components/button.min.css +1 -1
- package/dist/components/calendar.css +7 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +1 -1
- package/dist/components/card.css +2 -2
- package/dist/components/card.min.css +1 -1
- package/dist/components/checkbox.css +40 -40
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +1 -1
- package/dist/components/comment.css +2 -2
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +1 -1
- package/dist/components/container.min.css +1 -1
- package/dist/components/dimmer.css +1 -1
- package/dist/components/dimmer.js +3 -3
- package/dist/components/dimmer.min.css +1 -1
- 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 +8 -6
- package/dist/components/dropdown.js +3 -3
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +2 -2
- package/dist/components/embed.css +2 -2
- package/dist/components/embed.js +2 -2
- package/dist/components/embed.min.css +2 -2
- package/dist/components/embed.min.js +2 -2
- package/dist/components/emoji.css +6 -0
- package/dist/components/feed.css +2 -2
- package/dist/components/feed.min.css +1 -1
- package/dist/components/flag.css +1 -1
- package/dist/components/flag.min.css +1 -1
- package/dist/components/flyout.css +7 -1
- package/dist/components/flyout.js +18 -30
- package/dist/components/flyout.min.css +1 -1
- package/dist/components/flyout.min.js +2 -2
- package/dist/components/form.css +66 -37
- package/dist/components/form.js +102 -94
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +2 -2
- package/dist/components/grid.css +1 -1
- package/dist/components/grid.min.css +1 -1
- 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 +59 -25
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +3 -3
- package/dist/components/item.min.css +2 -2
- package/dist/components/label.css +1 -1
- package/dist/components/label.min.css +1 -1
- package/dist/components/list.css +2 -2
- 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 +31 -7
- package/dist/components/menu.min.css +9 -1
- package/dist/components/message.css +2 -2
- package/dist/components/message.min.css +1 -1
- package/dist/components/modal.css +1 -1
- package/dist/components/modal.js +15 -8
- 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 +1 -1
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +1 -1
- package/dist/components/placeholder.css +7 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +148 -3
- package/dist/components/popup.js +20 -8
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +2 -2
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +3 -29
- package/dist/components/progress.min.css +1 -1
- 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 +1 -1
- package/dist/components/rating.min.css +1 -1
- package/dist/components/rating.min.js +1 -1
- 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 +2 -2
- package/dist/components/search.min.css +1 -1
- package/dist/components/search.min.js +2 -2
- package/dist/components/segment.css +3 -3
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +15 -37
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +2 -2
- package/dist/components/sidebar.css +1 -1
- package/dist/components/sidebar.js +7 -27
- package/dist/components/sidebar.min.css +1 -1
- package/dist/components/sidebar.min.js +2 -2
- package/dist/components/site.css +1 -10
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +2 -2
- package/dist/components/site.min.js +1 -1
- package/dist/components/slider.css +6 -0
- package/dist/components/slider.js +1 -1
- package/dist/components/slider.min.js +1 -1
- package/dist/components/state.js +1 -1
- package/dist/components/state.min.js +1 -1
- package/dist/components/statistic.css +2 -2
- package/dist/components/statistic.min.css +1 -1
- package/dist/components/step.css +4 -4
- package/dist/components/step.min.css +2 -2
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +1 -1
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +1 -1
- package/dist/components/tab.css +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +1 -1
- package/dist/components/table.css +2 -2
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +7 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +7 -1
- package/dist/components/toast.js +3 -3
- package/dist/components/toast.min.css +1 -1
- package/dist/components/toast.min.js +2 -2
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +10 -61
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +2 -2
- package/dist/components/visibility.js +1 -1
- package/dist/components/visibility.min.js +1 -1
- package/dist/semantic.css +512 -196
- package/dist/semantic.js +220 -324
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/package.json +1 -1
- package/src/_site/collections/breadcrumb.variables +1 -1
- package/src/_site/collections/message.overrides +1 -1
- package/src/_site/elements/emoji.overrides +3 -0
- package/src/_site/{modules/chatroom.variables → elements/emoji.variables} +0 -0
- package/src/_site/elements/flag.variables +3 -3
- package/src/_site/elements/list.overrides +1 -1
- package/src/_site/elements/placeholder.overrides +3 -0
- package/src/_site/elements/placeholder.variables +3 -0
- package/src/_site/elements/text.overrides +3 -0
- package/src/_site/elements/text.variables +3 -0
- package/src/_site/modules/{chatroom.overrides → calendar.overrides} +0 -0
- package/src/_site/modules/calendar.variables +3 -0
- package/src/_site/modules/flyout.overrides +3 -0
- package/src/_site/modules/flyout.variables +3 -0
- package/src/_site/modules/modal.variables +1 -1
- package/src/_site/modules/rating.variables +1 -1
- package/src/_site/modules/search.variables +1 -1
- package/src/_site/modules/sidebar.variables +1 -1
- package/src/_site/modules/slider.overrides +3 -0
- package/src/_site/modules/slider.variables +3 -0
- package/src/_site/modules/sticky.variables +1 -1
- package/src/_site/modules/toast.overrides +3 -0
- package/src/_site/modules/toast.variables +3 -0
- package/src/_site/views/ad.overrides +1 -1
- package/src/_site/views/card.overrides +1 -1
- package/src/_site/views/comment.overrides +1 -1
- package/src/_site/views/feed.overrides +1 -1
- package/src/_site/views/item.overrides +1 -1
- package/src/_site/views/statistic.overrides +1 -1
- package/src/definitions/behaviors/form.js +101 -93
- package/src/definitions/collections/form.less +4 -14
- package/src/definitions/collections/menu.less +39 -6
- package/src/definitions/elements/input.less +6 -20
- package/src/definitions/globals/site.less +0 -18
- package/src/definitions/modules/accordion.js +3 -3
- package/src/definitions/modules/checkbox.less +39 -39
- package/src/definitions/modules/dimmer.js +2 -2
- package/src/definitions/modules/dropdown.js +2 -2
- package/src/definitions/modules/dropdown.less +6 -10
- package/src/definitions/modules/embed.js +1 -1
- package/src/definitions/modules/embed.less +1 -1
- package/src/definitions/modules/flyout.js +17 -29
- package/src/definitions/modules/modal.js +14 -7
- package/src/definitions/modules/popup.js +19 -7
- package/src/definitions/modules/popup.less +48 -4
- package/src/definitions/modules/progress.js +2 -28
- package/src/definitions/modules/search.js +1 -1
- package/src/definitions/modules/shape.js +14 -36
- package/src/definitions/modules/sidebar.js +6 -26
- package/src/definitions/modules/toast.js +2 -2
- package/src/definitions/modules/transition.js +9 -60
- package/src/theme.less +4 -12
- package/src/themes/default/collections/menu.variables +1 -3
- package/src/themes/default/collections/table.variables +1 -3
- package/src/themes/default/elements/segment.variables +1 -3
- package/src/themes/default/elements/step.variables +1 -1
- package/src/themes/default/globals/site.variables +1 -0
- package/src/themes/default/globals/variation.variables +2 -0
- package/src/themes/default/modules/popup.variables +8 -0
- package/src/themes/default/views/item.variables +1 -1
- package/tasks/config/project/install.js +1 -1
- package/tasks/install.js +8 -0
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.2-beta.
|
2
|
+
* # Fomantic-UI 2.9.2-beta.10+cf51e1c - Popup
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -594,8 +594,33 @@
|
|
594
594
|
*******************************/
|
595
595
|
|
596
596
|
.ui.loading.popup {
|
597
|
+
cursor: default;
|
598
|
+
pointer-events: none;
|
599
|
+
-webkit-user-select: none;
|
600
|
+
-ms-user-select: none;
|
601
|
+
user-select: none;
|
602
|
+
}
|
603
|
+
.ui.loading.popup * {
|
604
|
+
opacity: 0.3;
|
605
|
+
}
|
606
|
+
.ui.loading.popup::after {
|
607
|
+
position: absolute;
|
608
|
+
content: "";
|
609
|
+
top: 50%;
|
610
|
+
left: 50%;
|
611
|
+
margin: -1em 0 0 -1em;
|
612
|
+
width: 2em;
|
613
|
+
height: 2em;
|
614
|
+
animation: loader 0.6s infinite linear;
|
615
|
+
border: 0.2em solid #767676;
|
616
|
+
border-radius: 500rem;
|
617
|
+
box-shadow: 0 0 0 1px transparent;
|
618
|
+
visibility: visible;
|
619
|
+
z-index: 101;
|
620
|
+
}
|
621
|
+
.ui.invisible.popup {
|
597
622
|
display: block;
|
598
|
-
visibility: hidden;
|
623
|
+
visibility: hidden !important;
|
599
624
|
z-index: -1;
|
600
625
|
}
|
601
626
|
.ui.animating.popup,
|
@@ -670,7 +695,7 @@
|
|
670
695
|
box-shadow: none;
|
671
696
|
}
|
672
697
|
.ui.inverted.popup .header {
|
673
|
-
background
|
698
|
+
background: none;
|
674
699
|
color: #fff;
|
675
700
|
}
|
676
701
|
.ui.inverted.popup::before {
|
@@ -685,6 +710,10 @@
|
|
685
710
|
color: #fff;
|
686
711
|
border: none;
|
687
712
|
}
|
713
|
+
.ui.ui.ui.primary.loading.popup::before,
|
714
|
+
.ui.primary.loading.popup {
|
715
|
+
background: #9bcbef;
|
716
|
+
}
|
688
717
|
.ui.ui.ui.primary.popup::before,
|
689
718
|
[data-tooltip][data-variation~="primary"]::before {
|
690
719
|
box-shadow: none;
|
@@ -696,6 +725,10 @@
|
|
696
725
|
background: #54c8ff;
|
697
726
|
color: #1b1c1d;
|
698
727
|
}
|
728
|
+
.ui.ui.ui.inverted.primary.loading.popup::before,
|
729
|
+
.ui.inverted.primary.loading.popup {
|
730
|
+
background: #007eba;
|
731
|
+
}
|
699
732
|
.ui.ui.ui.secondary.popup::before,
|
700
733
|
.ui.secondary.popup,
|
701
734
|
[data-tooltip][data-variation~="secondary"]::after,
|
@@ -704,6 +737,10 @@
|
|
704
737
|
color: #fff;
|
705
738
|
border: none;
|
706
739
|
}
|
740
|
+
.ui.ui.ui.secondary.loading.popup::before,
|
741
|
+
.ui.secondary.loading.popup {
|
742
|
+
background: #65696c;
|
743
|
+
}
|
707
744
|
.ui.ui.ui.secondary.popup::before,
|
708
745
|
[data-tooltip][data-variation~="secondary"]::before {
|
709
746
|
box-shadow: none;
|
@@ -715,6 +752,10 @@
|
|
715
752
|
background: #545454;
|
716
753
|
color: #1b1c1d;
|
717
754
|
}
|
755
|
+
.ui.ui.ui.inverted.secondary.loading.popup::before,
|
756
|
+
.ui.inverted.secondary.loading.popup {
|
757
|
+
background: #080808;
|
758
|
+
}
|
718
759
|
.ui.ui.ui.red.popup::before,
|
719
760
|
.ui.red.popup,
|
720
761
|
[data-tooltip][data-variation~="red"]::after,
|
@@ -723,6 +764,10 @@
|
|
723
764
|
color: #fff;
|
724
765
|
border: none;
|
725
766
|
}
|
767
|
+
.ui.ui.ui.red.loading.popup::before,
|
768
|
+
.ui.red.loading.popup {
|
769
|
+
background: #f1abab;
|
770
|
+
}
|
726
771
|
.ui.ui.ui.red.popup::before,
|
727
772
|
[data-tooltip][data-variation~="red"]::before {
|
728
773
|
box-shadow: none;
|
@@ -734,6 +779,10 @@
|
|
734
779
|
background: #ff695e;
|
735
780
|
color: #1b1c1d;
|
736
781
|
}
|
782
|
+
.ui.ui.ui.inverted.red.loading.popup::before,
|
783
|
+
.ui.inverted.red.loading.popup {
|
784
|
+
background: #c40d00;
|
785
|
+
}
|
737
786
|
.ui.ui.ui.orange.popup::before,
|
738
787
|
.ui.orange.popup,
|
739
788
|
[data-tooltip][data-variation~="orange"]::after,
|
@@ -742,6 +791,10 @@
|
|
742
791
|
color: #fff;
|
743
792
|
border: none;
|
744
793
|
}
|
794
|
+
.ui.ui.ui.orange.loading.popup::before,
|
795
|
+
.ui.orange.loading.popup {
|
796
|
+
background: #faccad;
|
797
|
+
}
|
745
798
|
.ui.ui.ui.orange.popup::before,
|
746
799
|
[data-tooltip][data-variation~="orange"]::before {
|
747
800
|
box-shadow: none;
|
@@ -753,6 +806,10 @@
|
|
753
806
|
background: #ff851b;
|
754
807
|
color: #1b1c1d;
|
755
808
|
}
|
809
|
+
.ui.ui.ui.inverted.orange.loading.popup::before,
|
810
|
+
.ui.inverted.orange.loading.popup {
|
811
|
+
background: #813c00;
|
812
|
+
}
|
756
813
|
.ui.ui.ui.yellow.popup::before,
|
757
814
|
.ui.yellow.popup,
|
758
815
|
[data-tooltip][data-variation~="yellow"]::after,
|
@@ -761,6 +818,10 @@
|
|
761
818
|
color: #fff;
|
762
819
|
border: none;
|
763
820
|
}
|
821
|
+
.ui.ui.ui.yellow.loading.popup::before,
|
822
|
+
.ui.yellow.loading.popup {
|
823
|
+
background: #fde59f;
|
824
|
+
}
|
764
825
|
.ui.ui.ui.yellow.popup::before,
|
765
826
|
[data-tooltip][data-variation~="yellow"]::before {
|
766
827
|
box-shadow: none;
|
@@ -772,6 +833,10 @@
|
|
772
833
|
background: #ffe21f;
|
773
834
|
color: #1b1c1d;
|
774
835
|
}
|
836
|
+
.ui.ui.ui.inverted.yellow.loading.popup::before,
|
837
|
+
.ui.inverted.yellow.loading.popup {
|
838
|
+
background: #857400;
|
839
|
+
}
|
775
840
|
.ui.ui.ui.olive.popup::before,
|
776
841
|
.ui.olive.popup,
|
777
842
|
[data-tooltip][data-variation~="olive"]::after,
|
@@ -780,6 +845,10 @@
|
|
780
845
|
color: #fff;
|
781
846
|
border: none;
|
782
847
|
}
|
848
|
+
.ui.ui.ui.olive.loading.popup::before,
|
849
|
+
.ui.olive.loading.popup {
|
850
|
+
background: #e4f18c;
|
851
|
+
}
|
783
852
|
.ui.ui.ui.olive.popup::before,
|
784
853
|
[data-tooltip][data-variation~="olive"]::before {
|
785
854
|
box-shadow: none;
|
@@ -791,6 +860,10 @@
|
|
791
860
|
background: #d9e778;
|
792
861
|
color: #1b1c1d;
|
793
862
|
}
|
863
|
+
.ui.ui.ui.inverted.olive.loading.popup::before,
|
864
|
+
.ui.inverted.olive.loading.popup {
|
865
|
+
background: #97a81e;
|
866
|
+
}
|
794
867
|
.ui.ui.ui.green.popup::before,
|
795
868
|
.ui.green.popup,
|
796
869
|
[data-tooltip][data-variation~="green"]::after,
|
@@ -799,6 +872,10 @@
|
|
799
872
|
color: #fff;
|
800
873
|
border: none;
|
801
874
|
}
|
875
|
+
.ui.ui.ui.green.loading.popup::before,
|
876
|
+
.ui.green.loading.popup {
|
877
|
+
background: #8aeaa0;
|
878
|
+
}
|
802
879
|
.ui.ui.ui.green.popup::before,
|
803
880
|
[data-tooltip][data-variation~="green"]::before {
|
804
881
|
box-shadow: none;
|
@@ -810,6 +887,10 @@
|
|
810
887
|
background: #2ecc40;
|
811
888
|
color: #1b1c1d;
|
812
889
|
}
|
890
|
+
.ui.ui.ui.inverted.green.loading.popup::before,
|
891
|
+
.ui.inverted.green.loading.popup {
|
892
|
+
background: #124f19;
|
893
|
+
}
|
813
894
|
.ui.ui.ui.teal.popup::before,
|
814
895
|
.ui.teal.popup,
|
815
896
|
[data-tooltip][data-variation~="teal"]::after,
|
@@ -818,6 +899,10 @@
|
|
818
899
|
color: #fff;
|
819
900
|
border: none;
|
820
901
|
}
|
902
|
+
.ui.ui.ui.teal.loading.popup::before,
|
903
|
+
.ui.teal.loading.popup {
|
904
|
+
background: #4ffff7;
|
905
|
+
}
|
821
906
|
.ui.ui.ui.teal.popup::before,
|
822
907
|
[data-tooltip][data-variation~="teal"]::before {
|
823
908
|
box-shadow: none;
|
@@ -829,6 +914,10 @@
|
|
829
914
|
background: #6dffff;
|
830
915
|
color: #1b1c1d;
|
831
916
|
}
|
917
|
+
.ui.ui.ui.inverted.teal.loading.popup::before,
|
918
|
+
.ui.inverted.teal.loading.popup {
|
919
|
+
background: #00d3d3;
|
920
|
+
}
|
832
921
|
.ui.ui.ui.blue.popup::before,
|
833
922
|
.ui.blue.popup,
|
834
923
|
[data-tooltip][data-variation~="blue"]::after,
|
@@ -837,6 +926,10 @@
|
|
837
926
|
color: #fff;
|
838
927
|
border: none;
|
839
928
|
}
|
929
|
+
.ui.ui.ui.blue.loading.popup::before,
|
930
|
+
.ui.blue.loading.popup {
|
931
|
+
background: #9bcbef;
|
932
|
+
}
|
840
933
|
.ui.ui.ui.blue.popup::before,
|
841
934
|
[data-tooltip][data-variation~="blue"]::before {
|
842
935
|
box-shadow: none;
|
@@ -848,6 +941,10 @@
|
|
848
941
|
background: #54c8ff;
|
849
942
|
color: #1b1c1d;
|
850
943
|
}
|
944
|
+
.ui.ui.ui.inverted.blue.loading.popup::before,
|
945
|
+
.ui.inverted.blue.loading.popup {
|
946
|
+
background: #007eba;
|
947
|
+
}
|
851
948
|
.ui.ui.ui.violet.popup::before,
|
852
949
|
.ui.violet.popup,
|
853
950
|
[data-tooltip][data-variation~="violet"]::after,
|
@@ -856,6 +953,10 @@
|
|
856
953
|
color: #fff;
|
857
954
|
border: none;
|
858
955
|
}
|
956
|
+
.ui.ui.ui.violet.loading.popup::before,
|
957
|
+
.ui.violet.loading.popup {
|
958
|
+
background: #c1adea;
|
959
|
+
}
|
859
960
|
.ui.ui.ui.violet.popup::before,
|
860
961
|
[data-tooltip][data-variation~="violet"]::before {
|
861
962
|
box-shadow: none;
|
@@ -867,6 +968,10 @@
|
|
867
968
|
background: #a291fb;
|
868
969
|
color: #1b1c1d;
|
869
970
|
}
|
971
|
+
.ui.ui.ui.inverted.violet.loading.popup::before,
|
972
|
+
.ui.inverted.violet.loading.popup {
|
973
|
+
background: #2d09ea;
|
974
|
+
}
|
870
975
|
.ui.ui.ui.purple.popup::before,
|
871
976
|
.ui.purple.popup,
|
872
977
|
[data-tooltip][data-variation~="purple"]::after,
|
@@ -875,6 +980,10 @@
|
|
875
980
|
color: #fff;
|
876
981
|
border: none;
|
877
982
|
}
|
983
|
+
.ui.ui.ui.purple.loading.popup::before,
|
984
|
+
.ui.purple.loading.popup {
|
985
|
+
background: #daabe9;
|
986
|
+
}
|
878
987
|
.ui.ui.ui.purple.popup::before,
|
879
988
|
[data-tooltip][data-variation~="purple"]::before {
|
880
989
|
box-shadow: none;
|
@@ -886,6 +995,10 @@
|
|
886
995
|
background: #dc73ff;
|
887
996
|
color: #1b1c1d;
|
888
997
|
}
|
998
|
+
.ui.ui.ui.inverted.purple.loading.popup::before,
|
999
|
+
.ui.inverted.purple.loading.popup {
|
1000
|
+
background: #a300d9;
|
1001
|
+
}
|
889
1002
|
.ui.ui.ui.pink.popup::before,
|
890
1003
|
.ui.pink.popup,
|
891
1004
|
[data-tooltip][data-variation~="pink"]::after,
|
@@ -894,6 +1007,10 @@
|
|
894
1007
|
color: #fff;
|
895
1008
|
border: none;
|
896
1009
|
}
|
1010
|
+
.ui.ui.ui.pink.loading.popup::before,
|
1011
|
+
.ui.pink.loading.popup {
|
1012
|
+
background: #f5bddc;
|
1013
|
+
}
|
897
1014
|
.ui.ui.ui.pink.popup::before,
|
898
1015
|
[data-tooltip][data-variation~="pink"]::before {
|
899
1016
|
box-shadow: none;
|
@@ -905,6 +1022,10 @@
|
|
905
1022
|
background: #ff8edf;
|
906
1023
|
color: #1b1c1d;
|
907
1024
|
}
|
1025
|
+
.ui.ui.ui.inverted.pink.loading.popup::before,
|
1026
|
+
.ui.inverted.pink.loading.popup {
|
1027
|
+
background: #f400af;
|
1028
|
+
}
|
908
1029
|
.ui.ui.ui.brown.popup::before,
|
909
1030
|
.ui.brown.popup,
|
910
1031
|
[data-tooltip][data-variation~="brown"]::after,
|
@@ -913,6 +1034,10 @@
|
|
913
1034
|
color: #fff;
|
914
1035
|
border: none;
|
915
1036
|
}
|
1037
|
+
.ui.ui.ui.brown.loading.popup::before,
|
1038
|
+
.ui.brown.loading.popup {
|
1039
|
+
background: #dbb8a2;
|
1040
|
+
}
|
916
1041
|
.ui.ui.ui.brown.popup::before,
|
917
1042
|
[data-tooltip][data-variation~="brown"]::before {
|
918
1043
|
box-shadow: none;
|
@@ -924,6 +1049,10 @@
|
|
924
1049
|
background: #d67c1c;
|
925
1050
|
color: #1b1c1d;
|
926
1051
|
}
|
1052
|
+
.ui.ui.ui.inverted.brown.loading.popup::before,
|
1053
|
+
.ui.inverted.brown.loading.popup {
|
1054
|
+
background: #4f2e0a;
|
1055
|
+
}
|
927
1056
|
.ui.ui.ui.grey.popup::before,
|
928
1057
|
.ui.grey.popup,
|
929
1058
|
[data-tooltip][data-variation~="grey"]::after,
|
@@ -932,6 +1061,10 @@
|
|
932
1061
|
color: #fff;
|
933
1062
|
border: none;
|
934
1063
|
}
|
1064
|
+
.ui.ui.ui.grey.loading.popup::before,
|
1065
|
+
.ui.grey.loading.popup {
|
1066
|
+
background: #c3c3c3;
|
1067
|
+
}
|
935
1068
|
.ui.ui.ui.grey.popup::before,
|
936
1069
|
[data-tooltip][data-variation~="grey"]::before {
|
937
1070
|
box-shadow: none;
|
@@ -943,6 +1076,10 @@
|
|
943
1076
|
background: #dcddde;
|
944
1077
|
color: #1b1c1d;
|
945
1078
|
}
|
1079
|
+
.ui.ui.ui.inverted.grey.loading.popup::before,
|
1080
|
+
.ui.inverted.grey.loading.popup {
|
1081
|
+
background: #8d9194;
|
1082
|
+
}
|
946
1083
|
.ui.ui.ui.black.popup::before,
|
947
1084
|
.ui.black.popup,
|
948
1085
|
[data-tooltip][data-variation~="black"]::after,
|
@@ -951,6 +1088,10 @@
|
|
951
1088
|
color: #fff;
|
952
1089
|
border: none;
|
953
1090
|
}
|
1091
|
+
.ui.ui.ui.black.loading.popup::before,
|
1092
|
+
.ui.black.loading.popup {
|
1093
|
+
background: #65696c;
|
1094
|
+
}
|
954
1095
|
.ui.ui.ui.black.popup::before,
|
955
1096
|
[data-tooltip][data-variation~="black"]::before {
|
956
1097
|
box-shadow: none;
|
@@ -962,6 +1103,10 @@
|
|
962
1103
|
background: #545454;
|
963
1104
|
color: #1b1c1d;
|
964
1105
|
}
|
1106
|
+
.ui.ui.ui.inverted.black.loading.popup::before,
|
1107
|
+
.ui.inverted.black.loading.popup {
|
1108
|
+
background: #080808;
|
1109
|
+
}
|
965
1110
|
|
966
1111
|
/* --------------
|
967
1112
|
Flowing
|
package/dist/components/popup.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.2-beta.
|
2
|
+
* # Fomantic-UI 2.9.2-beta.10+cf51e1c - Popup
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -125,9 +125,9 @@
|
|
125
125
|
}
|
126
126
|
}
|
127
127
|
if (settings.popup) {
|
128
|
-
|
128
|
+
module.set.invisible();
|
129
129
|
$offsetParent = module.get.offsetParent();
|
130
|
-
|
130
|
+
module.remove.invisible();
|
131
131
|
if (settings.movePopup && module.has.popup() && module.get.offsetParent($popup)[0] !== $offsetParent[0]) {
|
132
132
|
module.debug('Moving popup to the same offset parent as target');
|
133
133
|
$popup
|
@@ -414,7 +414,7 @@
|
|
414
414
|
animate: {
|
415
415
|
show: function (callback) {
|
416
416
|
callback = isFunction(callback) ? callback : function () {};
|
417
|
-
if (settings.transition && module.can.useElement('transition')
|
417
|
+
if (settings.transition && module.can.useElement('transition')) {
|
418
418
|
module.set.visible();
|
419
419
|
$popup
|
420
420
|
.transition({
|
@@ -436,7 +436,7 @@
|
|
436
436
|
hide: function (callback) {
|
437
437
|
callback = isFunction(callback) ? callback : function () {};
|
438
438
|
module.debug('Hiding pop-up');
|
439
|
-
if (settings.transition && $.fn.transition !== undefined
|
439
|
+
if (settings.transition && $.fn.transition !== undefined) {
|
440
440
|
$popup
|
441
441
|
.transition({
|
442
442
|
animation: (settings.transition.hideMethod || settings.transition) + ' out',
|
@@ -901,8 +901,8 @@
|
|
901
901
|
.css(positioning)
|
902
902
|
.removeClass(className.position)
|
903
903
|
.addClass(position)
|
904
|
-
.addClass(className.loading)
|
905
904
|
;
|
905
|
+
module.set.invisible();
|
906
906
|
|
907
907
|
popupOffset = module.get.popupOffset();
|
908
908
|
|
@@ -926,7 +926,7 @@
|
|
926
926
|
module.debug('Popup could not find a position to display', $popup);
|
927
927
|
module.error(error.cannotPlace, element);
|
928
928
|
module.remove.attempts();
|
929
|
-
module.remove.
|
929
|
+
module.remove.invisible();
|
930
930
|
module.reset();
|
931
931
|
settings.onUnplaceable.call($popup, element);
|
932
932
|
|
@@ -935,7 +935,7 @@
|
|
935
935
|
}
|
936
936
|
module.debug('Position is on stage', position);
|
937
937
|
module.remove.attempts();
|
938
|
-
module.remove.
|
938
|
+
module.remove.invisible();
|
939
939
|
if (settings.setFluidWidth && module.is.fluid()) {
|
940
940
|
module.set.fluidWidth(calculations);
|
941
941
|
}
|
@@ -949,6 +949,14 @@
|
|
949
949
|
$popup.css('width', calculations.container.width);
|
950
950
|
},
|
951
951
|
|
952
|
+
loading: function () {
|
953
|
+
$popup.addClass(className.loading);
|
954
|
+
},
|
955
|
+
|
956
|
+
invisible: function () {
|
957
|
+
$popup.addClass(className.invisible);
|
958
|
+
},
|
959
|
+
|
952
960
|
variation: function (variation) {
|
953
961
|
variation = variation || module.get.variation();
|
954
962
|
if (variation && module.has.popup()) {
|
@@ -966,6 +974,9 @@
|
|
966
974
|
loading: function () {
|
967
975
|
$popup.removeClass(className.loading);
|
968
976
|
},
|
977
|
+
invisible: function () {
|
978
|
+
$popup.removeClass(className.invisible);
|
979
|
+
},
|
969
980
|
variation: function (variation) {
|
970
981
|
variation = variation || module.get.variation();
|
971
982
|
if (variation) {
|
@@ -1475,6 +1486,7 @@
|
|
1475
1486
|
basic: 'basic',
|
1476
1487
|
animating: 'animating',
|
1477
1488
|
dropdown: 'dropdown',
|
1489
|
+
invisible: 'invisible',
|
1478
1490
|
fluid: 'fluid',
|
1479
1491
|
loading: 'loading',
|
1480
1492
|
popup: 'ui popup',
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.2-beta.
|
2
|
+
* # Fomantic-UI 2.9.2-beta.10+cf51e1c - Popup
|
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.popup{display:none;position:absolute;top:0;right:0;min-width:-webkit-min-content;min-width:min-content;z-index:1900;border:1px solid #d4d4d5;line-height:1.4285em;max-width:250px;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.popup>.header{padding:0;font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1.14285714em;line-height:1.2;font-weight:700}.ui.popup>.header+.content{padding-top:.5em}.ui.popup::before{position:absolute;content:"";width:.71428571em;height:.71428571em;background:#fff;transform:rotate(45deg);z-index:1901;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]{position:relative}[data-tooltip]::before{pointer-events:none;position:absolute;content:"";font-size:1rem;width:.71428571em;height:.71428571em;background:#fff;transform:rotate(45deg);z-index:1901;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]::after{pointer-events:none;content:attr(data-tooltip);position:absolute;text-transform:none;text-align:left;text-shadow:none;white-space:nowrap;font-size:1rem;border:1px solid #d4d4d5;line-height:1.4285em;max-width:none;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);z-index:1900}[data-tooltip]:not([data-position])::before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-tooltip]:not([data-position])::after{left:50%;transform:translateX(-50%);bottom:100%;margin-bottom:.5em}[data-tooltip]::after,[data-tooltip]::before{pointer-events:none;visibility:hidden;opacity:0;transition:transform .1s ease,opacity .1s ease}[data-tooltip]::before{transform:rotate(45deg) scale(0)!important;transform-origin:center top}[data-tooltip]::after{transform-origin:center bottom}[data-tooltip]:hover::after,[data-tooltip]:hover::before{visibility:visible;pointer-events:auto;opacity:1}[data-tooltip]:hover::before{transform:rotate(45deg) scale(1)!important}[data-tooltip]::after,[data-tooltip][data-position="bottom center"]::after,[data-tooltip][data-position="top center"]::after{transform:translateX(-50%) scale(0)!important}[data-tooltip]:hover::after,[data-tooltip][data-position="bottom center"]:hover::after{transform:translateX(-50%) scale(1)!important}[data-tooltip][data-position="left center"]::after,[data-tooltip][data-position="right center"]::after{transform:translateY(-50%) scale(0)!important}[data-tooltip][data-position="left center"]:hover::after,[data-tooltip][data-position="right center"]:hover::after{transform:translateY(-50%) scale(1)!important;-moz-transform:translateY(-50%) scale(1.0001)!important}[data-tooltip][data-position="bottom left"]::after,[data-tooltip][data-position="bottom right"]::after,[data-tooltip][data-position="top left"]::after,[data-tooltip][data-position="top right"]::after{transform:scale(0)!important}[data-tooltip][data-position="bottom left"]:hover::after,[data-tooltip][data-position="bottom right"]:hover::after,[data-tooltip][data-position="top left"]:hover::after,[data-tooltip][data-position="top right"]:hover::after{transform:scale(1)!important}[data-tooltip][data-variation~=fixed]::after{white-space:normal;width:250px}[data-tooltip][data-variation*="wide fixed"]::after{width:350px}[data-tooltip][data-variation*="very wide fixed"]::after{width:550px}@media only screen and (max-width:767.98px){[data-tooltip][data-variation~=fixed]::after{width:250px}}[data-tooltip][data-inverted]::before{box-shadow:none!important}[data-tooltip][data-inverted]::before{background:#1b1c1d}[data-tooltip][data-inverted]::after{background:#1b1c1d;color:#fff;border:none;box-shadow:none}[data-position~=top][data-tooltip]::before{background:#fff}[data-position="top center"][data-tooltip]::after{top:auto;right:auto;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:.5em}[data-position="top center"][data-tooltip]::before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top left"][data-tooltip]::after{top:auto;right:auto;left:0;bottom:100%;margin-bottom:.5em}[data-position="top left"][data-tooltip]::before{top:auto;right:auto;bottom:100%;left:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top right"][data-tooltip]::after{top:auto;left:auto;right:0;bottom:100%;margin-bottom:.5em}[data-position="top right"][data-tooltip]::before{top:auto;left:auto;bottom:100%;right:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position~=bottom][data-tooltip]::before{background:#fff;box-shadow:-1px -1px 0 0 #bababc}[data-position="bottom center"][data-tooltip]::after{bottom:auto;right:auto;left:50%;top:100%;transform:translateX(-50%);margin-top:.5em}[data-position="bottom center"][data-tooltip]::before{bottom:auto;right:auto;top:100%;left:50%;margin-left:-.07142857rem;margin-top:.30714286em}[data-position="bottom left"][data-tooltip]::after{left:0;top:100%;margin-top:.5em}[data-position="bottom left"][data-tooltip]::before{bottom:auto;right:auto;top:100%;left:1em;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom right"][data-tooltip]::after{right:0;top:100%;margin-top:.5em}[data-position="bottom right"][data-tooltip]::before{bottom:auto;left:auto;top:100%;right:1em;margin-left:-.14285714rem;margin-top:.07142857rem}[data-position="left center"][data-tooltip]::after{right:100%;top:50%;margin-right:.5em;transform:translateY(-50%)}[data-position="left center"][data-tooltip]::before{right:100%;top:50%;margin-top:-.14285714rem;margin-right:-.07142857rem;background:#fff;box-shadow:1px -1px 0 0 #bababc}[data-position="right center"][data-tooltip]::after{left:100%;top:50%;margin-left:.5em;transform:translateY(-50%)}[data-position="right center"][data-tooltip]::before{left:100%;top:50%;margin-top:-.07142857rem;margin-left:.14285714rem;background:#fff;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=bottom][data-tooltip]::before{background:#1b1c1d;box-shadow:-1px -1px 0 0 #bababc}[data-inverted][data-position="left center"][data-tooltip]::before{background:#1b1c1d;box-shadow:1px -1px 0 0 #bababc}[data-inverted][data-position="right center"][data-tooltip]::before{background:#1b1c1d;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=top][data-tooltip]::before{background:#1b1c1d}[data-position~=bottom][data-tooltip]::before{transform-origin:center bottom}[data-position~=bottom][data-tooltip]::after{transform-origin:center top}[data-position="bottom center"][data-tooltip]::before{transform-origin:center top}[data-position="left center"][data-tooltip]::before{transform-origin:top center}[data-position="left center"][data-tooltip]::after{transform-origin:right center}[data-position="right center"][data-tooltip]::before{transform-origin:right center}[data-position="right center"][data-tooltip]::after{transform-origin:left center}[data-tooltip][data-variation~=basic]::before{display:none}[data-tooltip][data-variation~=multiline]::after{white-space:pre-line}.ui.popup{margin:0}.ui.top.popup{margin:0 0 .71428571em}.ui.top.left.popup{transform-origin:left bottom}.ui.top.center.popup{transform-origin:center bottom}.ui.top.right.popup{transform-origin:right bottom}.ui.left.center.popup{margin:0 .71428571em 0 0;transform-origin:right 50%}.ui.right.center.popup{margin:0 0 0 .71428571em;transform-origin:left 50%}.ui.bottom.popup{margin:.71428571em 0 0}.ui.bottom.left.popup{transform-origin:left top}.ui.bottom.center.popup{transform-origin:center top}.ui.bottom.right.popup{transform-origin:right top}.ui.bottom.center.popup::before{margin-left:-.30714286em;top:-.30714286em;left:50%;right:auto;bottom:auto;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.left.popup{margin-left:0}.ui.bottom.left.popup::before{top:-.30714286em;left:1em;right:auto;bottom:auto;margin-left:0;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.right.popup{margin-right:0}.ui.bottom.right.popup::before{top:-.30714286em;right:1em;bottom:auto;left:auto;margin-left:0;box-shadow:-1px -1px 0 0 #bababc}.ui.top.center.popup::before{top:auto;right:auto;bottom:-.30714286em;left:50%;margin-left:-.30714286em}.ui.top.left.popup{margin-left:0}.ui.top.left.popup::before{bottom:-.30714286em;left:1em;top:auto;right:auto;margin-left:0}.ui.top.right.popup{margin-right:0}.ui.top.right.popup::before{bottom:-.30714286em;right:1em;top:auto;left:auto;margin-left:0}.ui.left.center.popup::before{top:50%;right:-.30714286em;bottom:auto;left:auto;margin-top:-.30714286em;box-shadow:1px -1px 0 0 #bababc}.ui.right.center.popup::before{top:50%;left:-.30714286em;bottom:auto;right:auto;margin-top:-.30714286em;box-shadow:-1px 1px 0 0 #bababc}.ui.left.center.popup::before,.ui.right.center.popup::before{background:#fff}.ui.bottom.popup::before{background:#fff}.ui.top.popup::before{background:#fff}.ui.inverted.bottom.popup::before{background:#1b1c1d}.ui.inverted.left.center.popup::before,.ui.inverted.right.center.popup::before{background:#1b1c1d}.ui.inverted.top.popup::before{background:#1b1c1d}.ui.ui.ui.popup>.ui.grid:not(.padded){width:calc(100% + 1.75rem);margin:-.7rem -.875rem}.ui.loading.popup{display:block;visibility:hidden;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.visible.popup{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.basic.popup::before{display:none}.ui.fixed.popup{width:250px}.ui.wide.popup{max-width:350px}.ui.wide.popup.fixed{width:350px}.ui[class*="very wide"].popup{max-width:550px}.ui[class*="very wide"].popup.fixed{width:550px}@media only screen and (max-width:767.98px){.ui.wide.popup,.ui[class*="very wide"].popup{max-width:250px}.ui.wide.popup.fixed,.ui[class*="very wide"].popup.fixed{width:250px}}.ui.fluid.popup{width:100%;max-width:none}.ui.inverted.popup{background:#1b1c1d;color:#fff;border:none;box-shadow:none}.ui.inverted.popup .header{background-color:none;color:#fff}.ui.inverted.popup::before{background-color:#1b1c1d;box-shadow:none!important}.ui.primary.popup,.ui.ui.ui.primary.popup::before,[data-tooltip][data-variation~=primary]::after,[data-tooltip][data-variation~=primary]::before{background:#2185d0;color:#fff;border:none}.ui.ui.ui.primary.popup::before,[data-tooltip][data-variation~=primary]::before{box-shadow:none}.ui.inverted.primary.popup,.ui.ui.ui.inverted.primary.popup::before,[data-tooltip][data-inverted][data-variation~=primary]::after,[data-tooltip][data-inverted][data-variation~=primary]::before{background:#54c8ff;color:#1b1c1d}.ui.secondary.popup,.ui.ui.ui.secondary.popup::before,[data-tooltip][data-variation~=secondary]::after,[data-tooltip][data-variation~=secondary]::before{background:#1b1c1d;color:#fff;border:none}.ui.ui.ui.secondary.popup::before,[data-tooltip][data-variation~=secondary]::before{box-shadow:none}.ui.inverted.secondary.popup,.ui.ui.ui.inverted.secondary.popup::before,[data-tooltip][data-inverted][data-variation~=secondary]::after,[data-tooltip][data-inverted][data-variation~=secondary]::before{background:#545454;color:#1b1c1d}.ui.red.popup,.ui.ui.ui.red.popup::before,[data-tooltip][data-variation~=red]::after,[data-tooltip][data-variation~=red]::before{background:#db2828;color:#fff;border:none}.ui.ui.ui.red.popup::before,[data-tooltip][data-variation~=red]::before{box-shadow:none}.ui.inverted.red.popup,.ui.ui.ui.inverted.red.popup::before,[data-tooltip][data-inverted][data-variation~=red]::after,[data-tooltip][data-inverted][data-variation~=red]::before{background:#ff695e;color:#1b1c1d}.ui.orange.popup,.ui.ui.ui.orange.popup::before,[data-tooltip][data-variation~=orange]::after,[data-tooltip][data-variation~=orange]::before{background:#f2711c;color:#fff;border:none}.ui.ui.ui.orange.popup::before,[data-tooltip][data-variation~=orange]::before{box-shadow:none}.ui.inverted.orange.popup,.ui.ui.ui.inverted.orange.popup::before,[data-tooltip][data-inverted][data-variation~=orange]::after,[data-tooltip][data-inverted][data-variation~=orange]::before{background:#ff851b;color:#1b1c1d}.ui.ui.ui.yellow.popup::before,.ui.yellow.popup,[data-tooltip][data-variation~=yellow]::after,[data-tooltip][data-variation~=yellow]::before{background:#fbbd08;color:#fff;border:none}.ui.ui.ui.yellow.popup::before,[data-tooltip][data-variation~=yellow]::before{box-shadow:none}.ui.inverted.yellow.popup,.ui.ui.ui.inverted.yellow.popup::before,[data-tooltip][data-inverted][data-variation~=yellow]::after,[data-tooltip][data-inverted][data-variation~=yellow]::before{background:#ffe21f;color:#1b1c1d}.ui.olive.popup,.ui.ui.ui.olive.popup::before,[data-tooltip][data-variation~=olive]::after,[data-tooltip][data-variation~=olive]::before{background:#b5cc18;color:#fff;border:none}.ui.ui.ui.olive.popup::before,[data-tooltip][data-variation~=olive]::before{box-shadow:none}.ui.inverted.olive.popup,.ui.ui.ui.inverted.olive.popup::before,[data-tooltip][data-inverted][data-variation~=olive]::after,[data-tooltip][data-inverted][data-variation~=olive]::before{background:#d9e778;color:#1b1c1d}.ui.green.popup,.ui.ui.ui.green.popup::before,[data-tooltip][data-variation~=green]::after,[data-tooltip][data-variation~=green]::before{background:#21ba45;color:#fff;border:none}.ui.ui.ui.green.popup::before,[data-tooltip][data-variation~=green]::before{box-shadow:none}.ui.inverted.green.popup,.ui.ui.ui.inverted.green.popup::before,[data-tooltip][data-inverted][data-variation~=green]::after,[data-tooltip][data-inverted][data-variation~=green]::before{background:#2ecc40;color:#1b1c1d}.ui.teal.popup,.ui.ui.ui.teal.popup::before,[data-tooltip][data-variation~=teal]::after,[data-tooltip][data-variation~=teal]::before{background:#00b5ad;color:#fff;border:none}.ui.ui.ui.teal.popup::before,[data-tooltip][data-variation~=teal]::before{box-shadow:none}.ui.inverted.teal.popup,.ui.ui.ui.inverted.teal.popup::before,[data-tooltip][data-inverted][data-variation~=teal]::after,[data-tooltip][data-inverted][data-variation~=teal]::before{background:#6dffff;color:#1b1c1d}.ui.blue.popup,.ui.ui.ui.blue.popup::before,[data-tooltip][data-variation~=blue]::after,[data-tooltip][data-variation~=blue]::before{background:#2185d0;color:#fff;border:none}.ui.ui.ui.blue.popup::before,[data-tooltip][data-variation~=blue]::before{box-shadow:none}.ui.inverted.blue.popup,.ui.ui.ui.inverted.blue.popup::before,[data-tooltip][data-inverted][data-variation~=blue]::after,[data-tooltip][data-inverted][data-variation~=blue]::before{background:#54c8ff;color:#1b1c1d}.ui.ui.ui.violet.popup::before,.ui.violet.popup,[data-tooltip][data-variation~=violet]::after,[data-tooltip][data-variation~=violet]::before{background:#6435c9;color:#fff;border:none}.ui.ui.ui.violet.popup::before,[data-tooltip][data-variation~=violet]::before{box-shadow:none}.ui.inverted.violet.popup,.ui.ui.ui.inverted.violet.popup::before,[data-tooltip][data-inverted][data-variation~=violet]::after,[data-tooltip][data-inverted][data-variation~=violet]::before{background:#a291fb;color:#1b1c1d}.ui.purple.popup,.ui.ui.ui.purple.popup::before,[data-tooltip][data-variation~=purple]::after,[data-tooltip][data-variation~=purple]::before{background:#a333c8;color:#fff;border:none}.ui.ui.ui.purple.popup::before,[data-tooltip][data-variation~=purple]::before{box-shadow:none}.ui.inverted.purple.popup,.ui.ui.ui.inverted.purple.popup::before,[data-tooltip][data-inverted][data-variation~=purple]::after,[data-tooltip][data-inverted][data-variation~=purple]::before{background:#dc73ff;color:#1b1c1d}.ui.pink.popup,.ui.ui.ui.pink.popup::before,[data-tooltip][data-variation~=pink]::after,[data-tooltip][data-variation~=pink]::before{background:#e03997;color:#fff;border:none}.ui.ui.ui.pink.popup::before,[data-tooltip][data-variation~=pink]::before{box-shadow:none}.ui.inverted.pink.popup,.ui.ui.ui.inverted.pink.popup::before,[data-tooltip][data-inverted][data-variation~=pink]::after,[data-tooltip][data-inverted][data-variation~=pink]::before{background:#ff8edf;color:#1b1c1d}.ui.brown.popup,.ui.ui.ui.brown.popup::before,[data-tooltip][data-variation~=brown]::after,[data-tooltip][data-variation~=brown]::before{background:#a5673f;color:#fff;border:none}.ui.ui.ui.brown.popup::before,[data-tooltip][data-variation~=brown]::before{box-shadow:none}.ui.inverted.brown.popup,.ui.ui.ui.inverted.brown.popup::before,[data-tooltip][data-inverted][data-variation~=brown]::after,[data-tooltip][data-inverted][data-variation~=brown]::before{background:#d67c1c;color:#1b1c1d}.ui.grey.popup,.ui.ui.ui.grey.popup::before,[data-tooltip][data-variation~=grey]::after,[data-tooltip][data-variation~=grey]::before{background:#767676;color:#fff;border:none}.ui.ui.ui.grey.popup::before,[data-tooltip][data-variation~=grey]::before{box-shadow:none}.ui.inverted.grey.popup,.ui.ui.ui.inverted.grey.popup::before,[data-tooltip][data-inverted][data-variation~=grey]::after,[data-tooltip][data-inverted][data-variation~=grey]::before{background:#dcddde;color:#1b1c1d}.ui.black.popup,.ui.ui.ui.black.popup::before,[data-tooltip][data-variation~=black]::after,[data-tooltip][data-variation~=black]::before{background:#1b1c1d;color:#fff;border:none}.ui.ui.ui.black.popup::before,[data-tooltip][data-variation~=black]::before{box-shadow:none}.ui.inverted.black.popup,.ui.ui.ui.inverted.black.popup::before,[data-tooltip][data-inverted][data-variation~=black]::after,[data-tooltip][data-inverted][data-variation~=black]::before{background:#545454;color:#1b1c1d}.ui.flowing.popup{max-width:none}.ui.popup{font-size:1rem}.ui.mini.popup{font-size:.78571429rem}[data-tooltip][data-variation~=mini]::after,[data-tooltip][data-variation~=mini]::before{font-size:.78571429rem}.ui.tiny.popup{font-size:.85714286rem}[data-tooltip][data-variation~=tiny]::after,[data-tooltip][data-variation~=tiny]::before{font-size:.85714286rem}.ui.small.popup{font-size:.92857143rem}[data-tooltip][data-variation~=small]::after,[data-tooltip][data-variation~=small]::before{font-size:.92857143rem}.ui.large.popup{font-size:1.14285714rem}[data-tooltip][data-variation~=large]::after,[data-tooltip][data-variation~=large]::before{font-size:1.14285714rem}.ui.big.popup{font-size:1.28571429rem}[data-tooltip][data-variation~=big]::after,[data-tooltip][data-variation~=big]::before{font-size:1.28571429rem}.ui.huge.popup{font-size:1.42857143rem}[data-tooltip][data-variation~=huge]::after,[data-tooltip][data-variation~=huge]::before{font-size:1.42857143rem}.ui.massive.popup{font-size:1.71428571rem}[data-tooltip][data-variation~=massive]::after,[data-tooltip][data-variation~=massive]::before{font-size:1.71428571rem}
|
9
|
+
*/.ui.popup{display:none;position:absolute;top:0;right:0;min-width:-webkit-min-content;min-width:min-content;z-index:1900;border:1px solid #d4d4d5;line-height:1.4285em;max-width:250px;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.popup>.header{padding:0;font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1.14285714em;line-height:1.2;font-weight:700}.ui.popup>.header+.content{padding-top:.5em}.ui.popup::before{position:absolute;content:"";width:.71428571em;height:.71428571em;background:#fff;transform:rotate(45deg);z-index:1901;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]{position:relative}[data-tooltip]::before{pointer-events:none;position:absolute;content:"";font-size:1rem;width:.71428571em;height:.71428571em;background:#fff;transform:rotate(45deg);z-index:1901;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]::after{pointer-events:none;content:attr(data-tooltip);position:absolute;text-transform:none;text-align:left;text-shadow:none;white-space:nowrap;font-size:1rem;border:1px solid #d4d4d5;line-height:1.4285em;max-width:none;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);z-index:1900}[data-tooltip]:not([data-position])::before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-tooltip]:not([data-position])::after{left:50%;transform:translateX(-50%);bottom:100%;margin-bottom:.5em}[data-tooltip]::after,[data-tooltip]::before{pointer-events:none;visibility:hidden;opacity:0;transition:transform .1s ease,opacity .1s ease}[data-tooltip]::before{transform:rotate(45deg) scale(0)!important;transform-origin:center top}[data-tooltip]::after{transform-origin:center bottom}[data-tooltip]:hover::after,[data-tooltip]:hover::before{visibility:visible;pointer-events:auto;opacity:1}[data-tooltip]:hover::before{transform:rotate(45deg) scale(1)!important}[data-tooltip]::after,[data-tooltip][data-position="bottom center"]::after,[data-tooltip][data-position="top center"]::after{transform:translateX(-50%) scale(0)!important}[data-tooltip]:hover::after,[data-tooltip][data-position="bottom center"]:hover::after{transform:translateX(-50%) scale(1)!important}[data-tooltip][data-position="left center"]::after,[data-tooltip][data-position="right center"]::after{transform:translateY(-50%) scale(0)!important}[data-tooltip][data-position="left center"]:hover::after,[data-tooltip][data-position="right center"]:hover::after{transform:translateY(-50%) scale(1)!important;-moz-transform:translateY(-50%) scale(1.0001)!important}[data-tooltip][data-position="bottom left"]::after,[data-tooltip][data-position="bottom right"]::after,[data-tooltip][data-position="top left"]::after,[data-tooltip][data-position="top right"]::after{transform:scale(0)!important}[data-tooltip][data-position="bottom left"]:hover::after,[data-tooltip][data-position="bottom right"]:hover::after,[data-tooltip][data-position="top left"]:hover::after,[data-tooltip][data-position="top right"]:hover::after{transform:scale(1)!important}[data-tooltip][data-variation~=fixed]::after{white-space:normal;width:250px}[data-tooltip][data-variation*="wide fixed"]::after{width:350px}[data-tooltip][data-variation*="very wide fixed"]::after{width:550px}@media only screen and (max-width:767.98px){[data-tooltip][data-variation~=fixed]::after{width:250px}}[data-tooltip][data-inverted]::before{box-shadow:none!important}[data-tooltip][data-inverted]::before{background:#1b1c1d}[data-tooltip][data-inverted]::after{background:#1b1c1d;color:#fff;border:none;box-shadow:none}[data-position~=top][data-tooltip]::before{background:#fff}[data-position="top center"][data-tooltip]::after{top:auto;right:auto;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:.5em}[data-position="top center"][data-tooltip]::before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top left"][data-tooltip]::after{top:auto;right:auto;left:0;bottom:100%;margin-bottom:.5em}[data-position="top left"][data-tooltip]::before{top:auto;right:auto;bottom:100%;left:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top right"][data-tooltip]::after{top:auto;left:auto;right:0;bottom:100%;margin-bottom:.5em}[data-position="top right"][data-tooltip]::before{top:auto;left:auto;bottom:100%;right:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position~=bottom][data-tooltip]::before{background:#fff;box-shadow:-1px -1px 0 0 #bababc}[data-position="bottom center"][data-tooltip]::after{bottom:auto;right:auto;left:50%;top:100%;transform:translateX(-50%);margin-top:.5em}[data-position="bottom center"][data-tooltip]::before{bottom:auto;right:auto;top:100%;left:50%;margin-left:-.07142857rem;margin-top:.30714286em}[data-position="bottom left"][data-tooltip]::after{left:0;top:100%;margin-top:.5em}[data-position="bottom left"][data-tooltip]::before{bottom:auto;right:auto;top:100%;left:1em;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom right"][data-tooltip]::after{right:0;top:100%;margin-top:.5em}[data-position="bottom right"][data-tooltip]::before{bottom:auto;left:auto;top:100%;right:1em;margin-left:-.14285714rem;margin-top:.07142857rem}[data-position="left center"][data-tooltip]::after{right:100%;top:50%;margin-right:.5em;transform:translateY(-50%)}[data-position="left center"][data-tooltip]::before{right:100%;top:50%;margin-top:-.14285714rem;margin-right:-.07142857rem;background:#fff;box-shadow:1px -1px 0 0 #bababc}[data-position="right center"][data-tooltip]::after{left:100%;top:50%;margin-left:.5em;transform:translateY(-50%)}[data-position="right center"][data-tooltip]::before{left:100%;top:50%;margin-top:-.07142857rem;margin-left:.14285714rem;background:#fff;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=bottom][data-tooltip]::before{background:#1b1c1d;box-shadow:-1px -1px 0 0 #bababc}[data-inverted][data-position="left center"][data-tooltip]::before{background:#1b1c1d;box-shadow:1px -1px 0 0 #bababc}[data-inverted][data-position="right center"][data-tooltip]::before{background:#1b1c1d;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=top][data-tooltip]::before{background:#1b1c1d}[data-position~=bottom][data-tooltip]::before{transform-origin:center bottom}[data-position~=bottom][data-tooltip]::after{transform-origin:center top}[data-position="bottom center"][data-tooltip]::before{transform-origin:center top}[data-position="left center"][data-tooltip]::before{transform-origin:top center}[data-position="left center"][data-tooltip]::after{transform-origin:right center}[data-position="right center"][data-tooltip]::before{transform-origin:right center}[data-position="right center"][data-tooltip]::after{transform-origin:left center}[data-tooltip][data-variation~=basic]::before{display:none}[data-tooltip][data-variation~=multiline]::after{white-space:pre-line}.ui.popup{margin:0}.ui.top.popup{margin:0 0 .71428571em}.ui.top.left.popup{transform-origin:left bottom}.ui.top.center.popup{transform-origin:center bottom}.ui.top.right.popup{transform-origin:right bottom}.ui.left.center.popup{margin:0 .71428571em 0 0;transform-origin:right 50%}.ui.right.center.popup{margin:0 0 0 .71428571em;transform-origin:left 50%}.ui.bottom.popup{margin:.71428571em 0 0}.ui.bottom.left.popup{transform-origin:left top}.ui.bottom.center.popup{transform-origin:center top}.ui.bottom.right.popup{transform-origin:right top}.ui.bottom.center.popup::before{margin-left:-.30714286em;top:-.30714286em;left:50%;right:auto;bottom:auto;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.left.popup{margin-left:0}.ui.bottom.left.popup::before{top:-.30714286em;left:1em;right:auto;bottom:auto;margin-left:0;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.right.popup{margin-right:0}.ui.bottom.right.popup::before{top:-.30714286em;right:1em;bottom:auto;left:auto;margin-left:0;box-shadow:-1px -1px 0 0 #bababc}.ui.top.center.popup::before{top:auto;right:auto;bottom:-.30714286em;left:50%;margin-left:-.30714286em}.ui.top.left.popup{margin-left:0}.ui.top.left.popup::before{bottom:-.30714286em;left:1em;top:auto;right:auto;margin-left:0}.ui.top.right.popup{margin-right:0}.ui.top.right.popup::before{bottom:-.30714286em;right:1em;top:auto;left:auto;margin-left:0}.ui.left.center.popup::before{top:50%;right:-.30714286em;bottom:auto;left:auto;margin-top:-.30714286em;box-shadow:1px -1px 0 0 #bababc}.ui.right.center.popup::before{top:50%;left:-.30714286em;bottom:auto;right:auto;margin-top:-.30714286em;box-shadow:-1px 1px 0 0 #bababc}.ui.left.center.popup::before,.ui.right.center.popup::before{background:#fff}.ui.bottom.popup::before{background:#fff}.ui.top.popup::before{background:#fff}.ui.inverted.bottom.popup::before{background:#1b1c1d}.ui.inverted.left.center.popup::before,.ui.inverted.right.center.popup::before{background:#1b1c1d}.ui.inverted.top.popup::before{background:#1b1c1d}.ui.ui.ui.popup>.ui.grid:not(.padded){width:calc(100% + 1.75rem);margin:-.7rem -.875rem}.ui.loading.popup{cursor:default;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ui.loading.popup *{opacity:.3}.ui.loading.popup::after{position:absolute;content:"";top:50%;left:50%;margin:-1em 0 0 -1em;width:2em;height:2em;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}.ui.invisible.popup{display:block;visibility:hidden!important;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.visible.popup{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.basic.popup::before{display:none}.ui.fixed.popup{width:250px}.ui.wide.popup{max-width:350px}.ui.wide.popup.fixed{width:350px}.ui[class*="very wide"].popup{max-width:550px}.ui[class*="very wide"].popup.fixed{width:550px}@media only screen and (max-width:767.98px){.ui.wide.popup,.ui[class*="very wide"].popup{max-width:250px}.ui.wide.popup.fixed,.ui[class*="very wide"].popup.fixed{width:250px}}.ui.fluid.popup{width:100%;max-width:none}.ui.inverted.popup{background:#1b1c1d;color:#fff;border:none;box-shadow:none}.ui.inverted.popup .header{background:0 0;color:#fff}.ui.inverted.popup::before{background-color:#1b1c1d;box-shadow:none!important}.ui.primary.popup,.ui.ui.ui.primary.popup::before,[data-tooltip][data-variation~=primary]::after,[data-tooltip][data-variation~=primary]::before{background:#2185d0;color:#fff;border:none}.ui.primary.loading.popup,.ui.ui.ui.primary.loading.popup::before{background:#9bcbef}.ui.ui.ui.primary.popup::before,[data-tooltip][data-variation~=primary]::before{box-shadow:none}.ui.inverted.primary.popup,.ui.ui.ui.inverted.primary.popup::before,[data-tooltip][data-inverted][data-variation~=primary]::after,[data-tooltip][data-inverted][data-variation~=primary]::before{background:#54c8ff;color:#1b1c1d}.ui.inverted.primary.loading.popup,.ui.ui.ui.inverted.primary.loading.popup::before{background:#007eba}.ui.secondary.popup,.ui.ui.ui.secondary.popup::before,[data-tooltip][data-variation~=secondary]::after,[data-tooltip][data-variation~=secondary]::before{background:#1b1c1d;color:#fff;border:none}.ui.secondary.loading.popup,.ui.ui.ui.secondary.loading.popup::before{background:#65696c}.ui.ui.ui.secondary.popup::before,[data-tooltip][data-variation~=secondary]::before{box-shadow:none}.ui.inverted.secondary.popup,.ui.ui.ui.inverted.secondary.popup::before,[data-tooltip][data-inverted][data-variation~=secondary]::after,[data-tooltip][data-inverted][data-variation~=secondary]::before{background:#545454;color:#1b1c1d}.ui.inverted.secondary.loading.popup,.ui.ui.ui.inverted.secondary.loading.popup::before{background:#080808}.ui.red.popup,.ui.ui.ui.red.popup::before,[data-tooltip][data-variation~=red]::after,[data-tooltip][data-variation~=red]::before{background:#db2828;color:#fff;border:none}.ui.red.loading.popup,.ui.ui.ui.red.loading.popup::before{background:#f1abab}.ui.ui.ui.red.popup::before,[data-tooltip][data-variation~=red]::before{box-shadow:none}.ui.inverted.red.popup,.ui.ui.ui.inverted.red.popup::before,[data-tooltip][data-inverted][data-variation~=red]::after,[data-tooltip][data-inverted][data-variation~=red]::before{background:#ff695e;color:#1b1c1d}.ui.inverted.red.loading.popup,.ui.ui.ui.inverted.red.loading.popup::before{background:#c40d00}.ui.orange.popup,.ui.ui.ui.orange.popup::before,[data-tooltip][data-variation~=orange]::after,[data-tooltip][data-variation~=orange]::before{background:#f2711c;color:#fff;border:none}.ui.orange.loading.popup,.ui.ui.ui.orange.loading.popup::before{background:#faccad}.ui.ui.ui.orange.popup::before,[data-tooltip][data-variation~=orange]::before{box-shadow:none}.ui.inverted.orange.popup,.ui.ui.ui.inverted.orange.popup::before,[data-tooltip][data-inverted][data-variation~=orange]::after,[data-tooltip][data-inverted][data-variation~=orange]::before{background:#ff851b;color:#1b1c1d}.ui.inverted.orange.loading.popup,.ui.ui.ui.inverted.orange.loading.popup::before{background:#813c00}.ui.ui.ui.yellow.popup::before,.ui.yellow.popup,[data-tooltip][data-variation~=yellow]::after,[data-tooltip][data-variation~=yellow]::before{background:#fbbd08;color:#fff;border:none}.ui.ui.ui.yellow.loading.popup::before,.ui.yellow.loading.popup{background:#fde59f}.ui.ui.ui.yellow.popup::before,[data-tooltip][data-variation~=yellow]::before{box-shadow:none}.ui.inverted.yellow.popup,.ui.ui.ui.inverted.yellow.popup::before,[data-tooltip][data-inverted][data-variation~=yellow]::after,[data-tooltip][data-inverted][data-variation~=yellow]::before{background:#ffe21f;color:#1b1c1d}.ui.inverted.yellow.loading.popup,.ui.ui.ui.inverted.yellow.loading.popup::before{background:#857400}.ui.olive.popup,.ui.ui.ui.olive.popup::before,[data-tooltip][data-variation~=olive]::after,[data-tooltip][data-variation~=olive]::before{background:#b5cc18;color:#fff;border:none}.ui.olive.loading.popup,.ui.ui.ui.olive.loading.popup::before{background:#e4f18c}.ui.ui.ui.olive.popup::before,[data-tooltip][data-variation~=olive]::before{box-shadow:none}.ui.inverted.olive.popup,.ui.ui.ui.inverted.olive.popup::before,[data-tooltip][data-inverted][data-variation~=olive]::after,[data-tooltip][data-inverted][data-variation~=olive]::before{background:#d9e778;color:#1b1c1d}.ui.inverted.olive.loading.popup,.ui.ui.ui.inverted.olive.loading.popup::before{background:#97a81e}.ui.green.popup,.ui.ui.ui.green.popup::before,[data-tooltip][data-variation~=green]::after,[data-tooltip][data-variation~=green]::before{background:#21ba45;color:#fff;border:none}.ui.green.loading.popup,.ui.ui.ui.green.loading.popup::before{background:#8aeaa0}.ui.ui.ui.green.popup::before,[data-tooltip][data-variation~=green]::before{box-shadow:none}.ui.inverted.green.popup,.ui.ui.ui.inverted.green.popup::before,[data-tooltip][data-inverted][data-variation~=green]::after,[data-tooltip][data-inverted][data-variation~=green]::before{background:#2ecc40;color:#1b1c1d}.ui.inverted.green.loading.popup,.ui.ui.ui.inverted.green.loading.popup::before{background:#124f19}.ui.teal.popup,.ui.ui.ui.teal.popup::before,[data-tooltip][data-variation~=teal]::after,[data-tooltip][data-variation~=teal]::before{background:#00b5ad;color:#fff;border:none}.ui.teal.loading.popup,.ui.ui.ui.teal.loading.popup::before{background:#4ffff7}.ui.ui.ui.teal.popup::before,[data-tooltip][data-variation~=teal]::before{box-shadow:none}.ui.inverted.teal.popup,.ui.ui.ui.inverted.teal.popup::before,[data-tooltip][data-inverted][data-variation~=teal]::after,[data-tooltip][data-inverted][data-variation~=teal]::before{background:#6dffff;color:#1b1c1d}.ui.inverted.teal.loading.popup,.ui.ui.ui.inverted.teal.loading.popup::before{background:#00d3d3}.ui.blue.popup,.ui.ui.ui.blue.popup::before,[data-tooltip][data-variation~=blue]::after,[data-tooltip][data-variation~=blue]::before{background:#2185d0;color:#fff;border:none}.ui.blue.loading.popup,.ui.ui.ui.blue.loading.popup::before{background:#9bcbef}.ui.ui.ui.blue.popup::before,[data-tooltip][data-variation~=blue]::before{box-shadow:none}.ui.inverted.blue.popup,.ui.ui.ui.inverted.blue.popup::before,[data-tooltip][data-inverted][data-variation~=blue]::after,[data-tooltip][data-inverted][data-variation~=blue]::before{background:#54c8ff;color:#1b1c1d}.ui.inverted.blue.loading.popup,.ui.ui.ui.inverted.blue.loading.popup::before{background:#007eba}.ui.ui.ui.violet.popup::before,.ui.violet.popup,[data-tooltip][data-variation~=violet]::after,[data-tooltip][data-variation~=violet]::before{background:#6435c9;color:#fff;border:none}.ui.ui.ui.violet.loading.popup::before,.ui.violet.loading.popup{background:#c1adea}.ui.ui.ui.violet.popup::before,[data-tooltip][data-variation~=violet]::before{box-shadow:none}.ui.inverted.violet.popup,.ui.ui.ui.inverted.violet.popup::before,[data-tooltip][data-inverted][data-variation~=violet]::after,[data-tooltip][data-inverted][data-variation~=violet]::before{background:#a291fb;color:#1b1c1d}.ui.inverted.violet.loading.popup,.ui.ui.ui.inverted.violet.loading.popup::before{background:#2d09ea}.ui.purple.popup,.ui.ui.ui.purple.popup::before,[data-tooltip][data-variation~=purple]::after,[data-tooltip][data-variation~=purple]::before{background:#a333c8;color:#fff;border:none}.ui.purple.loading.popup,.ui.ui.ui.purple.loading.popup::before{background:#daabe9}.ui.ui.ui.purple.popup::before,[data-tooltip][data-variation~=purple]::before{box-shadow:none}.ui.inverted.purple.popup,.ui.ui.ui.inverted.purple.popup::before,[data-tooltip][data-inverted][data-variation~=purple]::after,[data-tooltip][data-inverted][data-variation~=purple]::before{background:#dc73ff;color:#1b1c1d}.ui.inverted.purple.loading.popup,.ui.ui.ui.inverted.purple.loading.popup::before{background:#a300d9}.ui.pink.popup,.ui.ui.ui.pink.popup::before,[data-tooltip][data-variation~=pink]::after,[data-tooltip][data-variation~=pink]::before{background:#e03997;color:#fff;border:none}.ui.pink.loading.popup,.ui.ui.ui.pink.loading.popup::before{background:#f5bddc}.ui.ui.ui.pink.popup::before,[data-tooltip][data-variation~=pink]::before{box-shadow:none}.ui.inverted.pink.popup,.ui.ui.ui.inverted.pink.popup::before,[data-tooltip][data-inverted][data-variation~=pink]::after,[data-tooltip][data-inverted][data-variation~=pink]::before{background:#ff8edf;color:#1b1c1d}.ui.inverted.pink.loading.popup,.ui.ui.ui.inverted.pink.loading.popup::before{background:#f400af}.ui.brown.popup,.ui.ui.ui.brown.popup::before,[data-tooltip][data-variation~=brown]::after,[data-tooltip][data-variation~=brown]::before{background:#a5673f;color:#fff;border:none}.ui.brown.loading.popup,.ui.ui.ui.brown.loading.popup::before{background:#dbb8a2}.ui.ui.ui.brown.popup::before,[data-tooltip][data-variation~=brown]::before{box-shadow:none}.ui.inverted.brown.popup,.ui.ui.ui.inverted.brown.popup::before,[data-tooltip][data-inverted][data-variation~=brown]::after,[data-tooltip][data-inverted][data-variation~=brown]::before{background:#d67c1c;color:#1b1c1d}.ui.inverted.brown.loading.popup,.ui.ui.ui.inverted.brown.loading.popup::before{background:#4f2e0a}.ui.grey.popup,.ui.ui.ui.grey.popup::before,[data-tooltip][data-variation~=grey]::after,[data-tooltip][data-variation~=grey]::before{background:#767676;color:#fff;border:none}.ui.grey.loading.popup,.ui.ui.ui.grey.loading.popup::before{background:#c3c3c3}.ui.ui.ui.grey.popup::before,[data-tooltip][data-variation~=grey]::before{box-shadow:none}.ui.inverted.grey.popup,.ui.ui.ui.inverted.grey.popup::before,[data-tooltip][data-inverted][data-variation~=grey]::after,[data-tooltip][data-inverted][data-variation~=grey]::before{background:#dcddde;color:#1b1c1d}.ui.inverted.grey.loading.popup,.ui.ui.ui.inverted.grey.loading.popup::before{background:#8d9194}.ui.black.popup,.ui.ui.ui.black.popup::before,[data-tooltip][data-variation~=black]::after,[data-tooltip][data-variation~=black]::before{background:#1b1c1d;color:#fff;border:none}.ui.black.loading.popup,.ui.ui.ui.black.loading.popup::before{background:#65696c}.ui.ui.ui.black.popup::before,[data-tooltip][data-variation~=black]::before{box-shadow:none}.ui.inverted.black.popup,.ui.ui.ui.inverted.black.popup::before,[data-tooltip][data-inverted][data-variation~=black]::after,[data-tooltip][data-inverted][data-variation~=black]::before{background:#545454;color:#1b1c1d}.ui.inverted.black.loading.popup,.ui.ui.ui.inverted.black.loading.popup::before{background:#080808}.ui.flowing.popup{max-width:none}.ui.popup{font-size:1rem}.ui.mini.popup{font-size:.78571429rem}[data-tooltip][data-variation~=mini]::after,[data-tooltip][data-variation~=mini]::before{font-size:.78571429rem}.ui.tiny.popup{font-size:.85714286rem}[data-tooltip][data-variation~=tiny]::after,[data-tooltip][data-variation~=tiny]::before{font-size:.85714286rem}.ui.small.popup{font-size:.92857143rem}[data-tooltip][data-variation~=small]::after,[data-tooltip][data-variation~=small]::before{font-size:.92857143rem}.ui.large.popup{font-size:1.14285714rem}[data-tooltip][data-variation~=large]::after,[data-tooltip][data-variation~=large]::before{font-size:1.14285714rem}.ui.big.popup{font-size:1.28571429rem}[data-tooltip][data-variation~=big]::after,[data-tooltip][data-variation~=big]::before{font-size:1.28571429rem}.ui.huge.popup{font-size:1.42857143rem}[data-tooltip][data-variation~=huge]::after,[data-tooltip][data-variation~=huge]::before{font-size:1.42857143rem}.ui.massive.popup{font-size:1.71428571rem}[data-tooltip][data-variation~=massive]::after,[data-tooltip][data-variation~=massive]::before{font-size:1.71428571rem}
|