@northdata/fomantic-ui 2.9.413 → 2.9.415

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.
@@ -3,7 +3,7 @@
3
3
  * https://github.com/fomantic/Fomantic-UI
4
4
  * https://fomantic-ui.com/
5
5
  *
6
- * Copyright 2025 Contributors
6
+ * Copyright 2026 Contributors
7
7
  * Released under the MIT license
8
8
  * https://opensource.org/licenses/MIT
9
9
  *
@@ -17825,6 +17825,345 @@ a.ui.secondary.card:hover,
17825
17825
  Theme Overrides
17826
17826
  *******************************/
17827
17827
 
17828
+ /*******************************
17829
+ Site Overrides
17830
+ *******************************/
17831
+ /*!
17832
+ * # Fomantic-UI 2.9.4 - Statistic
17833
+ * https://github.com/fomantic/Fomantic-UI/
17834
+ *
17835
+ *
17836
+ * Released under the MIT license
17837
+ * https://opensource.org/licenses/MIT
17838
+ *
17839
+ */
17840
+
17841
+ /*******************************
17842
+ Statistic
17843
+ *******************************/
17844
+
17845
+ /* Standalone */
17846
+
17847
+ .ui.statistic {
17848
+ display: inline-flex;
17849
+ flex-direction: column;
17850
+ margin: 1em 0;
17851
+ max-width: none;
17852
+ }
17853
+
17854
+ .ui.statistic + .ui.statistic {
17855
+ margin: 0 0 0 1.5em;
17856
+ }
17857
+
17858
+ .ui.statistic:first-child {
17859
+ margin-top: 0;
17860
+ }
17861
+
17862
+ .ui.statistic:last-child {
17863
+ margin-bottom: 0;
17864
+ }
17865
+
17866
+ /*******************************
17867
+ Group
17868
+ *******************************/
17869
+
17870
+ /* Grouped */
17871
+
17872
+ .ui.statistics {
17873
+ display: flex;
17874
+ align-items: flex-start;
17875
+ flex-wrap: wrap;
17876
+ }
17877
+
17878
+ .ui.statistics > .statistic {
17879
+ display: inline-flex;
17880
+ flex: 0 1 auto;
17881
+ flex-direction: column;
17882
+ margin: 0 1.5em 1em;
17883
+ max-width: none;
17884
+ }
17885
+
17886
+ .ui.statistics {
17887
+ display: flex;
17888
+ margin: 1em -1.5em -1em;
17889
+ }
17890
+
17891
+ /* Clearing */
17892
+
17893
+ .ui.statistics::after {
17894
+ display: block;
17895
+ content: " ";
17896
+ height: 0;
17897
+ clear: both;
17898
+ overflow: hidden;
17899
+ visibility: hidden;
17900
+ }
17901
+
17902
+ .ui.statistics:first-child {
17903
+ margin-top: 0;
17904
+ }
17905
+
17906
+ /*******************************
17907
+ Content
17908
+ *******************************/
17909
+
17910
+ /* --------------
17911
+ Value
17912
+ --------------- */
17913
+
17914
+ .ui.statistics .statistic > .value,
17915
+ .ui.statistic > .value {
17916
+ font-family: "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
17917
+ font-size: 4rem;
17918
+ font-weight: normal;
17919
+ line-height: 1em;
17920
+ color: #1b1c1d;
17921
+ text-transform: uppercase;
17922
+ text-align: center;
17923
+ }
17924
+
17925
+ /* --------------
17926
+ Label
17927
+ --------------- */
17928
+
17929
+ .ui.statistics .statistic > .label,
17930
+ .ui.statistic > .label {
17931
+ font-family: "Josefin Sans", serif;
17932
+ font-size: 1em;
17933
+ font-weight: bold;
17934
+ color: rgba(0, 0, 0, 0.87);
17935
+ text-transform: uppercase;
17936
+ text-align: center;
17937
+ }
17938
+
17939
+ /* Top Label */
17940
+
17941
+ .ui.statistics .statistic > .label ~ .value,
17942
+ .ui.statistic > .label ~ .value {
17943
+ margin-top: 0.5rem;
17944
+ }
17945
+
17946
+ /* Bottom Label */
17947
+
17948
+ .ui.statistics .statistic > .value ~ .label,
17949
+ .ui.statistic > .value ~ .label {
17950
+ margin-top: 0.5rem;
17951
+ }
17952
+
17953
+ /*******************************
17954
+ Types
17955
+ *******************************/
17956
+
17957
+ /* --------------
17958
+ Icon Value
17959
+ --------------- */
17960
+
17961
+ .ui.statistics .statistic > .value > i.icon,
17962
+ .ui.statistic > .value > i.icon {
17963
+ opacity: 1;
17964
+ width: auto;
17965
+ margin: 0;
17966
+ }
17967
+
17968
+ /* --------------
17969
+ Text Value
17970
+ --------------- */
17971
+
17972
+ .ui.statistics .statistic > .text.value,
17973
+ .ui.statistic > .text.value {
17974
+ line-height: 1em;
17975
+ min-height: 2em;
17976
+ font-weight: bold;
17977
+ text-align: center;
17978
+ }
17979
+
17980
+ .ui.statistics .statistic > .text.value + .label,
17981
+ .ui.statistic > .text.value + .label {
17982
+ text-align: center;
17983
+ }
17984
+
17985
+ /* --------------
17986
+ Image Value
17987
+ --------------- */
17988
+
17989
+ .ui.statistics .statistic > .value img,
17990
+ .ui.statistic > .value img {
17991
+ max-height: 3rem;
17992
+ vertical-align: baseline;
17993
+ }
17994
+
17995
+ /*******************************
17996
+ Variations
17997
+ *******************************/
17998
+
17999
+ /* --------------
18000
+ Count
18001
+ --------------- */
18002
+
18003
+ /* --------------
18004
+ Colors
18005
+ --------------- */
18006
+
18007
+ .ui.primary.statistics .statistic > .value,
18008
+ .ui.statistics .primary.statistic > .value,
18009
+ .ui.primary.statistic > .value {
18010
+ color: #007388;
18011
+ }
18012
+
18013
+ .ui.secondary.statistics .statistic > .value,
18014
+ .ui.statistics .secondary.statistic > .value,
18015
+ .ui.secondary.statistic > .value {
18016
+ color: #294755;
18017
+ }
18018
+
18019
+ /* --------------
18020
+ Stackable
18021
+ --------------- */
18022
+
18023
+ @media only screen and (max-width: 767.98px) {
18024
+ .ui.stackable.statistics {
18025
+ width: auto;
18026
+ margin-left: 0 !important;
18027
+ margin-right: 0 !important;
18028
+ }
18029
+
18030
+ .ui.stackable.statistics > .statistic {
18031
+ width: 100% !important;
18032
+ margin: 0 !important;
18033
+ padding: 1rem 1rem !important;
18034
+ }
18035
+ }
18036
+
18037
+ /* --------------
18038
+ Sizes
18039
+ --------------- */
18040
+
18041
+ /* Medium */
18042
+
18043
+ .ui.statistics .statistic > .value,
18044
+ .ui.statistic > .value {
18045
+ font-size: 4rem;
18046
+ }
18047
+
18048
+ .ui.horizontal.statistics .statistic > .value,
18049
+ .ui.horizontal.statistic > .value {
18050
+ font-size: 3rem;
18051
+ }
18052
+
18053
+ .ui.statistics .statistic > .text.value,
18054
+ .ui.statistic > .text.value {
18055
+ font-size: 2rem;
18056
+ }
18057
+
18058
+ .ui.mini.statistics .statistic > .value,
18059
+ .ui.mini.statistic > .value {
18060
+ font-size: 1.5rem;
18061
+ }
18062
+
18063
+ .ui.mini.horizontal.statistics .statistic > .value,
18064
+ .ui.mini.horizontal.statistic > .value {
18065
+ font-size: 1.5rem;
18066
+ }
18067
+
18068
+ .ui.mini.statistics .statistic > .text.value,
18069
+ .ui.mini.statistic > .text.value {
18070
+ font-size: 1rem;
18071
+ }
18072
+
18073
+ .ui.tiny.statistics .statistic > .value,
18074
+ .ui.tiny.statistic > .value {
18075
+ font-size: 2rem;
18076
+ }
18077
+
18078
+ .ui.tiny.horizontal.statistics .statistic > .value,
18079
+ .ui.tiny.horizontal.statistic > .value {
18080
+ font-size: 2rem;
18081
+ }
18082
+
18083
+ .ui.tiny.statistics .statistic > .text.value,
18084
+ .ui.tiny.statistic > .text.value {
18085
+ font-size: 1rem;
18086
+ }
18087
+
18088
+ .ui.small.statistics .statistic > .value,
18089
+ .ui.small.statistic > .value {
18090
+ font-size: 3rem;
18091
+ }
18092
+
18093
+ .ui.small.horizontal.statistics .statistic > .value,
18094
+ .ui.small.horizontal.statistic > .value {
18095
+ font-size: 2rem;
18096
+ }
18097
+
18098
+ .ui.small.statistics .statistic > .text.value,
18099
+ .ui.small.statistic > .text.value {
18100
+ font-size: 1rem;
18101
+ }
18102
+
18103
+ .ui.large.statistics .statistic > .value,
18104
+ .ui.large.statistic > .value {
18105
+ font-size: 5rem;
18106
+ }
18107
+
18108
+ .ui.large.horizontal.statistics .statistic > .value,
18109
+ .ui.large.horizontal.statistic > .value {
18110
+ font-size: 4rem;
18111
+ }
18112
+
18113
+ .ui.large.statistics .statistic > .text.value,
18114
+ .ui.large.statistic > .text.value {
18115
+ font-size: 2.5rem;
18116
+ }
18117
+
18118
+ .ui.big.statistics .statistic > .value,
18119
+ .ui.big.statistic > .value {
18120
+ font-size: 5.5rem;
18121
+ }
18122
+
18123
+ .ui.big.horizontal.statistics .statistic > .value,
18124
+ .ui.big.horizontal.statistic > .value {
18125
+ font-size: 4.5rem;
18126
+ }
18127
+
18128
+ .ui.big.statistics .statistic > .text.value,
18129
+ .ui.big.statistic > .text.value {
18130
+ font-size: 2.5rem;
18131
+ }
18132
+
18133
+ .ui.huge.statistics .statistic > .value,
18134
+ .ui.huge.statistic > .value {
18135
+ font-size: 6rem;
18136
+ }
18137
+
18138
+ .ui.huge.horizontal.statistics .statistic > .value,
18139
+ .ui.huge.horizontal.statistic > .value {
18140
+ font-size: 5rem;
18141
+ }
18142
+
18143
+ .ui.huge.statistics .statistic > .text.value,
18144
+ .ui.huge.statistic > .text.value {
18145
+ font-size: 2.5rem;
18146
+ }
18147
+
18148
+ .ui.massive.statistics .statistic > .value,
18149
+ .ui.massive.statistic > .value {
18150
+ font-size: 7rem;
18151
+ }
18152
+
18153
+ .ui.massive.horizontal.statistics .statistic > .value,
18154
+ .ui.massive.horizontal.statistic > .value {
18155
+ font-size: 6rem;
18156
+ }
18157
+
18158
+ .ui.massive.statistics .statistic > .text.value,
18159
+ .ui.massive.statistic > .text.value {
18160
+ font-size: 3rem;
18161
+ }
18162
+
18163
+ /*******************************
18164
+ Theme Overrides
18165
+ *******************************/
18166
+
17828
18167
  /*******************************
17829
18168
  Site Overrides
17830
18169
  *******************************/
@@ -3,7 +3,7 @@
3
3
  * https://github.com/fomantic/Fomantic-UI
4
4
  * https://fomantic-ui.com/
5
5
  *
6
- * Copyright 2025 Contributors
6
+ * Copyright 2026 Contributors
7
7
  * Released under the MIT license
8
8
  * https://opensource.org/licenses/MIT
9
9
  *
@@ -26557,6 +26557,345 @@ a.ui.secondary.card:hover,
26557
26557
  Theme Overrides
26558
26558
  *******************************/
26559
26559
 
26560
+ /*******************************
26561
+ Site Overrides
26562
+ *******************************/
26563
+ /*!
26564
+ * # Fomantic-UI 2.9.4 - Statistic
26565
+ * https://github.com/fomantic/Fomantic-UI/
26566
+ *
26567
+ *
26568
+ * Released under the MIT license
26569
+ * https://opensource.org/licenses/MIT
26570
+ *
26571
+ */
26572
+
26573
+ /*******************************
26574
+ Statistic
26575
+ *******************************/
26576
+
26577
+ /* Standalone */
26578
+
26579
+ .ui.statistic {
26580
+ display: inline-flex;
26581
+ flex-direction: column;
26582
+ margin: 1em 0;
26583
+ max-width: none;
26584
+ }
26585
+
26586
+ .ui.statistic + .ui.statistic {
26587
+ margin: 0 0 0 1.5em;
26588
+ }
26589
+
26590
+ .ui.statistic:first-child {
26591
+ margin-top: 0;
26592
+ }
26593
+
26594
+ .ui.statistic:last-child {
26595
+ margin-bottom: 0;
26596
+ }
26597
+
26598
+ /*******************************
26599
+ Group
26600
+ *******************************/
26601
+
26602
+ /* Grouped */
26603
+
26604
+ .ui.statistics {
26605
+ display: flex;
26606
+ align-items: flex-start;
26607
+ flex-wrap: wrap;
26608
+ }
26609
+
26610
+ .ui.statistics > .statistic {
26611
+ display: inline-flex;
26612
+ flex: 0 1 auto;
26613
+ flex-direction: column;
26614
+ margin: 0 1.5em 1em;
26615
+ max-width: none;
26616
+ }
26617
+
26618
+ .ui.statistics {
26619
+ display: flex;
26620
+ margin: 1em -1.5em -1em;
26621
+ }
26622
+
26623
+ /* Clearing */
26624
+
26625
+ .ui.statistics::after {
26626
+ display: block;
26627
+ content: " ";
26628
+ height: 0;
26629
+ clear: both;
26630
+ overflow: hidden;
26631
+ visibility: hidden;
26632
+ }
26633
+
26634
+ .ui.statistics:first-child {
26635
+ margin-top: 0;
26636
+ }
26637
+
26638
+ /*******************************
26639
+ Content
26640
+ *******************************/
26641
+
26642
+ /* --------------
26643
+ Value
26644
+ --------------- */
26645
+
26646
+ .ui.statistics .statistic > .value,
26647
+ .ui.statistic > .value {
26648
+ font-family: "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
26649
+ font-size: 4rem;
26650
+ font-weight: normal;
26651
+ line-height: 1em;
26652
+ color: #1b1c1d;
26653
+ text-transform: uppercase;
26654
+ text-align: center;
26655
+ }
26656
+
26657
+ /* --------------
26658
+ Label
26659
+ --------------- */
26660
+
26661
+ .ui.statistics .statistic > .label,
26662
+ .ui.statistic > .label {
26663
+ font-family: "Josefin Sans", serif;
26664
+ font-size: 1em;
26665
+ font-weight: bold;
26666
+ color: rgba(0, 0, 0, 0.87);
26667
+ text-transform: uppercase;
26668
+ text-align: center;
26669
+ }
26670
+
26671
+ /* Top Label */
26672
+
26673
+ .ui.statistics .statistic > .label ~ .value,
26674
+ .ui.statistic > .label ~ .value {
26675
+ margin-top: 0.5rem;
26676
+ }
26677
+
26678
+ /* Bottom Label */
26679
+
26680
+ .ui.statistics .statistic > .value ~ .label,
26681
+ .ui.statistic > .value ~ .label {
26682
+ margin-top: 0.5rem;
26683
+ }
26684
+
26685
+ /*******************************
26686
+ Types
26687
+ *******************************/
26688
+
26689
+ /* --------------
26690
+ Icon Value
26691
+ --------------- */
26692
+
26693
+ .ui.statistics .statistic > .value > i.icon,
26694
+ .ui.statistic > .value > i.icon {
26695
+ opacity: 1;
26696
+ width: auto;
26697
+ margin: 0;
26698
+ }
26699
+
26700
+ /* --------------
26701
+ Text Value
26702
+ --------------- */
26703
+
26704
+ .ui.statistics .statistic > .text.value,
26705
+ .ui.statistic > .text.value {
26706
+ line-height: 1em;
26707
+ min-height: 2em;
26708
+ font-weight: bold;
26709
+ text-align: center;
26710
+ }
26711
+
26712
+ .ui.statistics .statistic > .text.value + .label,
26713
+ .ui.statistic > .text.value + .label {
26714
+ text-align: center;
26715
+ }
26716
+
26717
+ /* --------------
26718
+ Image Value
26719
+ --------------- */
26720
+
26721
+ .ui.statistics .statistic > .value img,
26722
+ .ui.statistic > .value img {
26723
+ max-height: 3rem;
26724
+ vertical-align: baseline;
26725
+ }
26726
+
26727
+ /*******************************
26728
+ Variations
26729
+ *******************************/
26730
+
26731
+ /* --------------
26732
+ Count
26733
+ --------------- */
26734
+
26735
+ /* --------------
26736
+ Colors
26737
+ --------------- */
26738
+
26739
+ .ui.primary.statistics .statistic > .value,
26740
+ .ui.statistics .primary.statistic > .value,
26741
+ .ui.primary.statistic > .value {
26742
+ color: #007388;
26743
+ }
26744
+
26745
+ .ui.secondary.statistics .statistic > .value,
26746
+ .ui.statistics .secondary.statistic > .value,
26747
+ .ui.secondary.statistic > .value {
26748
+ color: #294755;
26749
+ }
26750
+
26751
+ /* --------------
26752
+ Stackable
26753
+ --------------- */
26754
+
26755
+ @media only screen and (max-width: 767.98px) {
26756
+ .ui.stackable.statistics {
26757
+ width: auto;
26758
+ margin-left: 0 !important;
26759
+ margin-right: 0 !important;
26760
+ }
26761
+
26762
+ .ui.stackable.statistics > .statistic {
26763
+ width: 100% !important;
26764
+ margin: 0 !important;
26765
+ padding: 1rem 1rem !important;
26766
+ }
26767
+ }
26768
+
26769
+ /* --------------
26770
+ Sizes
26771
+ --------------- */
26772
+
26773
+ /* Medium */
26774
+
26775
+ .ui.statistics .statistic > .value,
26776
+ .ui.statistic > .value {
26777
+ font-size: 4rem;
26778
+ }
26779
+
26780
+ .ui.horizontal.statistics .statistic > .value,
26781
+ .ui.horizontal.statistic > .value {
26782
+ font-size: 3rem;
26783
+ }
26784
+
26785
+ .ui.statistics .statistic > .text.value,
26786
+ .ui.statistic > .text.value {
26787
+ font-size: 2rem;
26788
+ }
26789
+
26790
+ .ui.mini.statistics .statistic > .value,
26791
+ .ui.mini.statistic > .value {
26792
+ font-size: 1.5rem;
26793
+ }
26794
+
26795
+ .ui.mini.horizontal.statistics .statistic > .value,
26796
+ .ui.mini.horizontal.statistic > .value {
26797
+ font-size: 1.5rem;
26798
+ }
26799
+
26800
+ .ui.mini.statistics .statistic > .text.value,
26801
+ .ui.mini.statistic > .text.value {
26802
+ font-size: 1rem;
26803
+ }
26804
+
26805
+ .ui.tiny.statistics .statistic > .value,
26806
+ .ui.tiny.statistic > .value {
26807
+ font-size: 2rem;
26808
+ }
26809
+
26810
+ .ui.tiny.horizontal.statistics .statistic > .value,
26811
+ .ui.tiny.horizontal.statistic > .value {
26812
+ font-size: 2rem;
26813
+ }
26814
+
26815
+ .ui.tiny.statistics .statistic > .text.value,
26816
+ .ui.tiny.statistic > .text.value {
26817
+ font-size: 1rem;
26818
+ }
26819
+
26820
+ .ui.small.statistics .statistic > .value,
26821
+ .ui.small.statistic > .value {
26822
+ font-size: 3rem;
26823
+ }
26824
+
26825
+ .ui.small.horizontal.statistics .statistic > .value,
26826
+ .ui.small.horizontal.statistic > .value {
26827
+ font-size: 2rem;
26828
+ }
26829
+
26830
+ .ui.small.statistics .statistic > .text.value,
26831
+ .ui.small.statistic > .text.value {
26832
+ font-size: 1rem;
26833
+ }
26834
+
26835
+ .ui.large.statistics .statistic > .value,
26836
+ .ui.large.statistic > .value {
26837
+ font-size: 5rem;
26838
+ }
26839
+
26840
+ .ui.large.horizontal.statistics .statistic > .value,
26841
+ .ui.large.horizontal.statistic > .value {
26842
+ font-size: 4rem;
26843
+ }
26844
+
26845
+ .ui.large.statistics .statistic > .text.value,
26846
+ .ui.large.statistic > .text.value {
26847
+ font-size: 2.5rem;
26848
+ }
26849
+
26850
+ .ui.big.statistics .statistic > .value,
26851
+ .ui.big.statistic > .value {
26852
+ font-size: 5.5rem;
26853
+ }
26854
+
26855
+ .ui.big.horizontal.statistics .statistic > .value,
26856
+ .ui.big.horizontal.statistic > .value {
26857
+ font-size: 4.5rem;
26858
+ }
26859
+
26860
+ .ui.big.statistics .statistic > .text.value,
26861
+ .ui.big.statistic > .text.value {
26862
+ font-size: 2.5rem;
26863
+ }
26864
+
26865
+ .ui.huge.statistics .statistic > .value,
26866
+ .ui.huge.statistic > .value {
26867
+ font-size: 6rem;
26868
+ }
26869
+
26870
+ .ui.huge.horizontal.statistics .statistic > .value,
26871
+ .ui.huge.horizontal.statistic > .value {
26872
+ font-size: 5rem;
26873
+ }
26874
+
26875
+ .ui.huge.statistics .statistic > .text.value,
26876
+ .ui.huge.statistic > .text.value {
26877
+ font-size: 2.5rem;
26878
+ }
26879
+
26880
+ .ui.massive.statistics .statistic > .value,
26881
+ .ui.massive.statistic > .value {
26882
+ font-size: 7rem;
26883
+ }
26884
+
26885
+ .ui.massive.horizontal.statistics .statistic > .value,
26886
+ .ui.massive.horizontal.statistic > .value {
26887
+ font-size: 6rem;
26888
+ }
26889
+
26890
+ .ui.massive.statistics .statistic > .text.value,
26891
+ .ui.massive.statistic > .text.value {
26892
+ font-size: 3rem;
26893
+ }
26894
+
26895
+ /*******************************
26896
+ Theme Overrides
26897
+ *******************************/
26898
+
26560
26899
  /*******************************
26561
26900
  Site Overrides
26562
26901
  *******************************/