loading up the forgejo repo on tangled to test page performance
Remove fomantic list module (#30281)
Likely still some unnecessary CSS but any combinations with the `ui
list` classes are covered. There was only on instance of `horizontal
list` which I removed. It was this part of the commit page:
<img width="396" alt="image"
src="https://github.com/go-gitea/gitea/assets/115237/c49ec4f5-93c3-41d6-a907-cdbedf8abc44">
(cherry picked from commit 649aada3664f5adccdaecc7dd24b8252ae070220)
authored by
silverwind
and committed by
Gergely Nagy
3408bcd2
02416856
+192
-1009
+2
-2
templates/repo/commit_page.tmpl
+2
-2
templates/repo/commit_page.tmpl
···
164
164
{{end}}
165
165
{{end}}
166
166
</div>
167
-
<div class="ui horizontal list tw-flex tw-items-center">
167
+
<div class="tw-flex tw-items-center">
168
168
{{if .Parents}}
169
-
<div class="item">
169
+
<div>
170
170
<span>{{ctx.Locale.Tr "repo.diff.parent"}}</span>
171
171
{{range .Parents}}
172
172
{{if $.PageIsWiki}}
+1
-1
templates/user/settings/repos.tmpl
+1
-1
templates/user/settings/repos.tmpl
···
6
6
<div class="ui attached segment">
7
7
{{if or .allowAdopt .allowDelete}}
8
8
{{if .Dirs}}
9
-
<div class="ui middle aligned divided list">
9
+
<div class="ui list">
10
10
{{range $dirI, $dir := .Dirs}}
11
11
{{$repo := index $.ReposMap $dir}}
12
12
<div class="item {{if not $repo}}tw-py-1{{end}}">{{/* if not repo, then there are "adapt" buttons, so the padding shouldn't be that default large*/}}
+1
-28
web_src/css/base.css
+1
-28
web_src/css/base.css
···
45
45
}
46
46
47
47
body {
48
-
line-height: 1.4285rem;
48
+
line-height: 20px;
49
49
font-family: var(--fonts-regular);
50
50
color: var(--color-text);
51
51
background-color: var(--color-body);
···
317
317
background-color: var(--color-label-bg);
318
318
}
319
319
320
-
/* fix Fomantic's line-height causing vertical scrollbars to appear */
321
-
ul.ui.list li,
322
-
ol.ui.list li,
323
-
.ui.list > .item,
324
-
.ui.list .list > .item {
325
-
line-height: var(--line-height-default);
326
-
}
327
-
328
320
.ui.menu {
329
321
display: flex;
330
322
}
···
468
460
color: var(--color-text-light-2);
469
461
}
470
462
471
-
.ui.list .list > .item .header,
472
-
.ui.list > .item .header {
473
-
color: var(--color-text-dark);
474
-
}
475
-
476
-
.ui.list .list > .item > .content,
477
-
.ui.list > .item > .content {
478
-
color: var(--color-text);
479
-
}
480
-
481
-
.ui.list .list > .item .description,
482
-
.ui.list > .item .description {
483
-
color: var(--color-text);
484
-
}
485
-
486
463
/* replace item margin on secondary menu items with gap and remove both the
487
464
negative margins on the menu as well as margin on the items */
488
465
.ui.secondary.menu {
···
599
576
border-radius: var(--border-radius);
600
577
object-fit: contain;
601
578
aspect-ratio: 1;
602
-
}
603
-
604
-
.ui.divided.list > .item {
605
-
border-color: var(--color-secondary);
606
579
}
607
580
608
581
.ui.error.message .header,
+1
web_src/css/index.css
+1
web_src/css/index.css
+187
web_src/css/modules/list.css
+187
web_src/css/modules/list.css
···
1
+
/* based on Fomantic UI list module, with just the parts extracted that we use. If you find any
2
+
unused rules here after refactoring, please remove them. */
3
+
4
+
.ui.list {
5
+
list-style-type: none;
6
+
margin: 1em 0;
7
+
padding: 0;
8
+
font-size: 1em;
9
+
}
10
+
11
+
.ui.list:first-child {
12
+
margin-top: 0;
13
+
padding-top: 0;
14
+
}
15
+
16
+
.ui.list:last-child {
17
+
margin-bottom: 0;
18
+
padding-bottom: 0;
19
+
}
20
+
21
+
.ui.list > .item,
22
+
.ui.list .list > .item {
23
+
display: list-item;
24
+
table-layout: fixed;
25
+
list-style-type: none;
26
+
list-style-position: outside;
27
+
}
28
+
29
+
.ui.list > .list > .item::after,
30
+
.ui.list > .item::after {
31
+
content: "";
32
+
display: block;
33
+
height: 0;
34
+
clear: both;
35
+
visibility: hidden;
36
+
}
37
+
38
+
.ui.list .list:not(.icon) {
39
+
clear: both;
40
+
margin: 0;
41
+
padding: 0.75em 0 0.25em 0.5em;
42
+
}
43
+
44
+
.ui.list .list > .item {
45
+
padding: 0.14285714em 0;
46
+
}
47
+
48
+
.ui.list .list > .item > i.icon,
49
+
.ui.list > .item > i.icon {
50
+
display: table-cell;
51
+
min-width: 1.55em;
52
+
padding-top: 0;
53
+
transition: color 0.1s ease;
54
+
padding-right: 0.28571429em;
55
+
vertical-align: top;
56
+
}
57
+
.ui.list .list > .item > i.icon:only-child,
58
+
.ui.list > .item > i.icon:only-child {
59
+
display: inline-block;
60
+
min-width: auto;
61
+
vertical-align: top;
62
+
}
63
+
64
+
.ui.list .list > .item > .image,
65
+
.ui.list > .item > .image {
66
+
display: table-cell;
67
+
background-color: transparent;
68
+
vertical-align: top;
69
+
}
70
+
.ui.list .list > .item > .image:not(:only-child):not(img),
71
+
.ui.list > .item > .image:not(:only-child):not(img) {
72
+
padding-right: 0.5em;
73
+
}
74
+
.ui.list .list > .item > .image img,
75
+
.ui.list > .item > .image img {
76
+
vertical-align: top;
77
+
}
78
+
.ui.list .list > .item > img.image,
79
+
.ui.list .list > .item > .image:only-child,
80
+
.ui.list > .item > img.image,
81
+
.ui.list > .item > .image:only-child {
82
+
display: inline-block;
83
+
}
84
+
85
+
.ui.list .list > .item > .content,
86
+
.ui.list > .item > .content {
87
+
color: var(--color-text);
88
+
}
89
+
.ui.list .list > .item > .image + .content,
90
+
.ui.list .list > .item > i.icon + .content,
91
+
.ui.list > .item > .image + .content,
92
+
.ui.list > .item > i.icon + .content {
93
+
display: table-cell;
94
+
width: 100%;
95
+
padding: 0 0 0 0.5em;
96
+
vertical-align: top;
97
+
}
98
+
.ui.list .list > .item > img.image + .content,
99
+
.ui.list > .item > img.image + .content {
100
+
display: inline-block;
101
+
width: auto;
102
+
}
103
+
.ui.list .list > .item > .content > .list,
104
+
.ui.list > .item > .content > .list {
105
+
margin-left: 0;
106
+
padding-left: 0;
107
+
}
108
+
109
+
.ui.list .list > .item .header,
110
+
.ui.list > .item .header {
111
+
display: block;
112
+
margin: 0;
113
+
font-family: var(--fonts-regular);
114
+
font-weight: var(--font-weight-medium);
115
+
color: var(--color-text-dark);
116
+
}
117
+
118
+
.ui.list .list > .item .description,
119
+
.ui.list > .item .description {
120
+
display: block;
121
+
color: var(--color-text);
122
+
}
123
+
124
+
.ui.list > .item a,
125
+
.ui.list .list > .item a {
126
+
cursor: pointer;
127
+
}
128
+
129
+
.ui.menu .ui.list > .item,
130
+
.ui.menu .ui.list .list > .item {
131
+
display: list-item;
132
+
table-layout: fixed;
133
+
background-color: transparent;
134
+
list-style-type: none;
135
+
list-style-position: outside;
136
+
padding: 0.21428571em 0;
137
+
}
138
+
.ui.menu .ui.list .list > .item::before,
139
+
.ui.menu .ui.list > .item::before {
140
+
border: none;
141
+
background: none;
142
+
}
143
+
.ui.menu .ui.list .list > .item:first-child,
144
+
.ui.menu .ui.list > .item:first-child {
145
+
padding-top: 0;
146
+
}
147
+
.ui.menu .ui.list .list > .item:last-child,
148
+
.ui.menu .ui.list > .item:last-child {
149
+
padding-bottom: 0;
150
+
}
151
+
152
+
.ui.list .list > .disabled.item,
153
+
.ui.list > .disabled.item {
154
+
pointer-events: none;
155
+
opacity: var(--opacity-disabled);
156
+
}
157
+
158
+
.ui.list .list > a.item:hover > .icons,
159
+
.ui.list > a.item:hover > .icons,
160
+
.ui.list .list > a.item:hover > i.icon,
161
+
.ui.list > a.item:hover > i.icon {
162
+
color: var(--color-text-dark);
163
+
}
164
+
165
+
.ui.divided.list > .item {
166
+
border-top: 1px solid var(--color-secondary);
167
+
}
168
+
.ui.divided.list .list > .item {
169
+
border-top: none;
170
+
}
171
+
.ui.divided.list .item .list > .item {
172
+
border-top: none;
173
+
}
174
+
.ui.divided.list .list > .item:first-child,
175
+
.ui.divided.list > .item:first-child {
176
+
border-top: none;
177
+
}
178
+
.ui.divided.list .list > .item:first-child {
179
+
border-top-width: 1px;
180
+
}
181
+
182
+
.ui.relaxed.list > .item:not(:first-child) {
183
+
padding-top: 0.42857143em;
184
+
}
185
+
.ui.relaxed.list > .item:not(:last-child) {
186
+
padding-bottom: 0.42857143em;
187
+
}
-977
web_src/fomantic/build/semantic.css
-977
web_src/fomantic/build/semantic.css
···
6477
6477
/*******************************
6478
6478
Site Overrides
6479
6479
*******************************/
6480
-
/*!
6481
-
* # Fomantic-UI - List
6482
-
* http://github.com/fomantic/Fomantic-UI/
6483
-
*
6484
-
*
6485
-
* Released under the MIT license
6486
-
* http://opensource.org/licenses/MIT
6487
-
*
6488
-
*/
6489
-
6490
-
/*******************************
6491
-
List
6492
-
*******************************/
6493
-
6494
-
ul.ui.list,
6495
-
ol.ui.list,
6496
-
.ui.list {
6497
-
list-style-type: none;
6498
-
margin: 1em 0;
6499
-
padding: 0 0;
6500
-
}
6501
-
6502
-
ul.ui.list:first-child,
6503
-
ol.ui.list:first-child,
6504
-
.ui.list:first-child {
6505
-
margin-top: 0;
6506
-
padding-top: 0;
6507
-
}
6508
-
6509
-
ul.ui.list:last-child,
6510
-
ol.ui.list:last-child,
6511
-
.ui.list:last-child {
6512
-
margin-bottom: 0;
6513
-
padding-bottom: 0;
6514
-
}
6515
-
6516
-
/*******************************
6517
-
Content
6518
-
*******************************/
6519
-
6520
-
/* List Item */
6521
-
6522
-
ul.ui.list li,
6523
-
ol.ui.list li,
6524
-
.ui.list > .item,
6525
-
.ui.list .list > .item {
6526
-
display: list-item;
6527
-
table-layout: fixed;
6528
-
list-style-type: none;
6529
-
list-style-position: outside;
6530
-
padding: 0.21428571em 0;
6531
-
line-height: 1.14285714em;
6532
-
}
6533
-
6534
-
ul.ui.list > li:first-child:after,
6535
-
ol.ui.list > li:first-child:after,
6536
-
.ui.list > .list > .item:after,
6537
-
.ui.list > .item:after {
6538
-
content: '';
6539
-
display: block;
6540
-
height: 0;
6541
-
clear: both;
6542
-
visibility: hidden;
6543
-
}
6544
-
6545
-
ul.ui.list li:first-child,
6546
-
ol.ui.list li:first-child,
6547
-
.ui.list .list > .item:first-child,
6548
-
.ui.list > .item:first-child {
6549
-
padding-top: 0;
6550
-
}
6551
-
6552
-
ul.ui.list li:last-child,
6553
-
ol.ui.list li:last-child,
6554
-
.ui.list .list > .item:last-child,
6555
-
.ui.list > .item:last-child {
6556
-
padding-bottom: 0;
6557
-
}
6558
-
6559
-
/* Child List */
6560
-
6561
-
ul.ui.list ul,
6562
-
ol.ui.list ol,
6563
-
.ui.list .list:not(.icon) {
6564
-
clear: both;
6565
-
margin: 0;
6566
-
padding: 0.75em 0 0.25em 0.5em;
6567
-
}
6568
-
6569
-
/* Child Item */
6570
-
6571
-
ul.ui.list ul li,
6572
-
ol.ui.list ol li,
6573
-
.ui.list .list > .item {
6574
-
padding: 0.14285714em 0;
6575
-
line-height: inherit;
6576
-
}
6577
-
6578
-
/* Icon */
6579
-
6580
-
.ui.list .list > .item > i.icon,
6581
-
.ui.list > .item > i.icon {
6582
-
display: table-cell;
6583
-
min-width: 1.55em;
6584
-
margin: 0;
6585
-
padding-top: 0;
6586
-
transition: color 0.1s ease;
6587
-
}
6588
-
6589
-
.ui.list .list > .item > i.icon:not(.loading),
6590
-
.ui.list > .item > i.icon:not(.loading) {
6591
-
padding-right: 0.28571429em;
6592
-
vertical-align: top;
6593
-
}
6594
-
6595
-
.ui.list .list > .item > i.icon:only-child,
6596
-
.ui.list > .item > i.icon:only-child {
6597
-
display: inline-block;
6598
-
min-width: auto;
6599
-
vertical-align: top;
6600
-
}
6601
-
6602
-
/* Image */
6603
-
6604
-
.ui.list .list > .item > .image,
6605
-
.ui.list > .item > .image {
6606
-
display: table-cell;
6607
-
background-color: transparent;
6608
-
margin: 0;
6609
-
vertical-align: top;
6610
-
}
6611
-
6612
-
.ui.list .list > .item > .image:not(:only-child):not(img),
6613
-
.ui.list > .item > .image:not(:only-child):not(img) {
6614
-
padding-right: 0.5em;
6615
-
}
6616
-
6617
-
.ui.list .list > .item > .image img,
6618
-
.ui.list > .item > .image img {
6619
-
vertical-align: top;
6620
-
}
6621
-
6622
-
.ui.list .list > .item > img.image,
6623
-
.ui.list .list > .item > .image:only-child,
6624
-
.ui.list > .item > img.image,
6625
-
.ui.list > .item > .image:only-child {
6626
-
display: inline-block;
6627
-
}
6628
-
6629
-
/* Content */
6630
-
6631
-
.ui.list .list > .item > .content,
6632
-
.ui.list > .item > .content {
6633
-
line-height: 1.14285714em;
6634
-
color: rgba(0, 0, 0, 0.87);
6635
-
}
6636
-
6637
-
.ui.list .list > .item > .image + .content,
6638
-
.ui.list .list > .item > i.icon + .content,
6639
-
.ui.list > .item > .image + .content,
6640
-
.ui.list > .item > i.icon + .content {
6641
-
display: table-cell;
6642
-
width: 100%;
6643
-
padding: 0 0 0 0.5em;
6644
-
vertical-align: top;
6645
-
}
6646
-
6647
-
.ui.list .list > .item > i.loading.icon + .content,
6648
-
.ui.list > .item > i.loading.icon + .content {
6649
-
padding-left: calc(0.2857142857142857em + 0.5em);
6650
-
}
6651
-
6652
-
.ui.list .list > .item > img.image + .content,
6653
-
.ui.list > .item > img.image + .content {
6654
-
display: inline-block;
6655
-
width: auto;
6656
-
}
6657
-
6658
-
.ui.list .list > .item > .content > .list,
6659
-
.ui.list > .item > .content > .list {
6660
-
margin-left: 0;
6661
-
padding-left: 0;
6662
-
}
6663
-
6664
-
/* Header */
6665
-
6666
-
.ui.list .list > .item .header,
6667
-
.ui.list > .item .header {
6668
-
display: block;
6669
-
margin: 0;
6670
-
font-family: var(--fonts-regular);
6671
-
font-weight: 500;
6672
-
color: rgba(0, 0, 0, 0.87);
6673
-
}
6674
-
6675
-
/* Description */
6676
-
6677
-
.ui.list .list > .item .description,
6678
-
.ui.list > .item .description {
6679
-
display: block;
6680
-
color: rgba(0, 0, 0, 0.7);
6681
-
}
6682
-
6683
-
/* Child Link */
6684
-
6685
-
.ui.list > .item a,
6686
-
.ui.list .list > .item a {
6687
-
cursor: pointer;
6688
-
}
6689
-
6690
-
/* Linking Item */
6691
-
6692
-
.ui.list .list > a.item,
6693
-
.ui.list > a.item {
6694
-
cursor: pointer;
6695
-
color: #4183C4;
6696
-
}
6697
-
6698
-
.ui.list .list > a.item:hover,
6699
-
.ui.list > a.item:hover {
6700
-
color: #1e70bf;
6701
-
}
6702
-
6703
-
/* Linked Item Icons */
6704
-
6705
-
.ui.list .list > a.item > i.icons,
6706
-
.ui.list > a.item > i.icons,
6707
-
.ui.list .list > a.item > i.icon,
6708
-
.ui.list > a.item > i.icon {
6709
-
color: rgba(0, 0, 0, 0.4);
6710
-
}
6711
-
6712
-
/* Header Link */
6713
-
6714
-
.ui.list .list > .item a.header,
6715
-
.ui.list > .item a.header {
6716
-
cursor: pointer;
6717
-
color: #4183C4 !important;
6718
-
}
6719
-
6720
-
.ui.list .list > .item > a.header:hover,
6721
-
.ui.list > .item > a.header:hover {
6722
-
color: #1e70bf !important;
6723
-
}
6724
-
6725
-
/* Floated Content */
6726
-
6727
-
.ui[class*="left floated"].list {
6728
-
float: left;
6729
-
}
6730
-
6731
-
.ui[class*="right floated"].list {
6732
-
float: right;
6733
-
}
6734
-
6735
-
.ui.list .list > .item [class*="left floated"],
6736
-
.ui.list > .item [class*="left floated"] {
6737
-
float: left;
6738
-
margin: 0 1em 0 0;
6739
-
}
6740
-
6741
-
.ui.list .list > .item [class*="right floated"],
6742
-
.ui.list > .item [class*="right floated"] {
6743
-
float: right;
6744
-
margin: 0 0 0 1em;
6745
-
}
6746
-
6747
-
/*******************************
6748
-
Coupling
6749
-
*******************************/
6750
-
6751
-
.ui.menu .ui.list > .item,
6752
-
.ui.menu .ui.list .list > .item {
6753
-
display: list-item;
6754
-
table-layout: fixed;
6755
-
background-color: transparent;
6756
-
list-style-type: none;
6757
-
list-style-position: outside;
6758
-
padding: 0.21428571em 0;
6759
-
line-height: 1.14285714em;
6760
-
}
6761
-
6762
-
.ui.menu .ui.list .list > .item:before,
6763
-
.ui.menu .ui.list > .item:before {
6764
-
border: none;
6765
-
background: none;
6766
-
}
6767
-
6768
-
.ui.menu .ui.list .list > .item:first-child,
6769
-
.ui.menu .ui.list > .item:first-child {
6770
-
padding-top: 0;
6771
-
}
6772
-
6773
-
.ui.menu .ui.list .list > .item:last-child,
6774
-
.ui.menu .ui.list > .item:last-child {
6775
-
padding-bottom: 0;
6776
-
}
6777
-
6778
-
/*******************************
6779
-
Types
6780
-
*******************************/
6781
-
6782
-
/*-------------------
6783
-
Horizontal
6784
-
--------------------*/
6785
-
6786
-
.ui.horizontal.list {
6787
-
display: inline-block;
6788
-
font-size: 0;
6789
-
}
6790
-
6791
-
.ui.horizontal.list > .item {
6792
-
display: inline-block;
6793
-
margin-right: 1em;
6794
-
font-size: 1rem;
6795
-
}
6796
-
6797
-
.ui.horizontal.list:not(.celled) > .item:last-child {
6798
-
margin-right: 0;
6799
-
padding-right: 0;
6800
-
}
6801
-
6802
-
.ui.horizontal.list .list:not(.icon) {
6803
-
padding-left: 0;
6804
-
padding-bottom: 0;
6805
-
}
6806
-
6807
-
.ui.horizontal.list > .item > .image,
6808
-
.ui.horizontal.list .list > .item > .image,
6809
-
.ui.horizontal.list > .item > i.icon,
6810
-
.ui.horizontal.list .list > .item > i.icon,
6811
-
.ui.horizontal.list > .item > .content,
6812
-
.ui.horizontal.list .list > .item > .content {
6813
-
vertical-align: middle;
6814
-
}
6815
-
6816
-
/* Padding on all elements */
6817
-
6818
-
.ui.horizontal.list > .item:first-child,
6819
-
.ui.horizontal.list > .item:last-child {
6820
-
padding-top: 0.21428571em;
6821
-
padding-bottom: 0.21428571em;
6822
-
}
6823
-
6824
-
/* Horizontal List */
6825
-
6826
-
.ui.horizontal.list > .item > i.icon,
6827
-
.ui.horizontal.list .item > i.icons > i.icon {
6828
-
margin: 0;
6829
-
padding: 0 0.25em 0 0;
6830
-
}
6831
-
6832
-
.ui.horizontal.list > .item > .image + .content,
6833
-
.ui.horizontal.list > .item > i.icon,
6834
-
.ui.horizontal.list > .item > i.icon + .content {
6835
-
float: none;
6836
-
display: inline-block;
6837
-
width: auto;
6838
-
}
6839
-
6840
-
.ui.horizontal.list > .item > .image {
6841
-
display: inline-block;
6842
-
}
6843
-
6844
-
/*******************************
6845
-
States
6846
-
*******************************/
6847
-
6848
-
/*-------------------
6849
-
Disabled
6850
-
--------------------*/
6851
-
6852
-
.ui.list .list > .disabled.item,
6853
-
.ui.list > .disabled.item {
6854
-
pointer-events: none;
6855
-
color: rgba(40, 40, 40, 0.3) !important;
6856
-
}
6857
-
6858
-
/*-------------------
6859
-
Hover
6860
-
--------------------*/
6861
-
6862
-
.ui.list .list > a.item:hover > .icons,
6863
-
.ui.list > a.item:hover > .icons,
6864
-
.ui.list .list > a.item:hover > i.icon,
6865
-
.ui.list > a.item:hover > i.icon {
6866
-
color: rgba(0, 0, 0, 0.87);
6867
-
}
6868
-
6869
-
/*******************************
6870
-
Variations
6871
-
*******************************/
6872
-
6873
-
/*-------------------
6874
-
Aligned
6875
-
--------------------*/
6876
-
6877
-
.ui.list[class*="top aligned"] .image,
6878
-
.ui.list[class*="top aligned"] .content,
6879
-
.ui.list [class*="top aligned"] {
6880
-
vertical-align: top !important;
6881
-
}
6882
-
6883
-
.ui.list[class*="middle aligned"] .image,
6884
-
.ui.list[class*="middle aligned"] .content,
6885
-
.ui.list [class*="middle aligned"] {
6886
-
vertical-align: middle !important;
6887
-
}
6888
-
6889
-
.ui.list[class*="bottom aligned"] .image,
6890
-
.ui.list[class*="bottom aligned"] .content,
6891
-
.ui.list [class*="bottom aligned"] {
6892
-
vertical-align: bottom !important;
6893
-
}
6894
-
6895
-
/*-------------------
6896
-
Link
6897
-
--------------------*/
6898
-
6899
-
.ui.link.list .item,
6900
-
.ui.link.list a.item,
6901
-
.ui.link.list .item a:not(.ui) {
6902
-
color: rgba(0, 0, 0, 0.4);
6903
-
transition: 0.1s color ease;
6904
-
}
6905
-
6906
-
.ui.link.list.list a.item:hover,
6907
-
.ui.link.list.list .item a:not(.ui):hover {
6908
-
color: rgba(0, 0, 0, 0.8);
6909
-
}
6910
-
6911
-
.ui.link.list.list a.item:active,
6912
-
.ui.link.list.list .item a:not(.ui):active {
6913
-
color: rgba(0, 0, 0, 0.9);
6914
-
}
6915
-
6916
-
.ui.link.list.list .active.item,
6917
-
.ui.link.list.list .active.item a:not(.ui) {
6918
-
color: rgba(0, 0, 0, 0.95);
6919
-
}
6920
-
6921
-
/*-------------------
6922
-
Selection
6923
-
--------------------*/
6924
-
6925
-
.ui.selection.list .list > .item,
6926
-
.ui.selection.list > .item {
6927
-
cursor: pointer;
6928
-
background: transparent;
6929
-
padding: 0.5em 0.5em;
6930
-
margin: 0;
6931
-
color: rgba(0, 0, 0, 0.4);
6932
-
border-radius: 0.5em;
6933
-
transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
6934
-
}
6935
-
6936
-
.ui.selection.list .list > .item:last-child,
6937
-
.ui.selection.list > .item:last-child {
6938
-
margin-bottom: 0;
6939
-
}
6940
-
6941
-
.ui.selection.list .list > .item:hover,
6942
-
.ui.selection.list > .item:hover {
6943
-
background: rgba(0, 0, 0, 0.03);
6944
-
color: rgba(0, 0, 0, 0.8);
6945
-
}
6946
-
6947
-
.ui.selection.list .list > .item:active,
6948
-
.ui.selection.list > .item:active {
6949
-
background: rgba(0, 0, 0, 0.05);
6950
-
color: rgba(0, 0, 0, 0.9);
6951
-
}
6952
-
6953
-
.ui.selection.list .list > .item.active,
6954
-
.ui.selection.list > .item.active {
6955
-
background: rgba(0, 0, 0, 0.05);
6956
-
color: rgba(0, 0, 0, 0.95);
6957
-
}
6958
-
6959
-
/* Celled / Divided Selection List */
6960
-
6961
-
.ui.celled.selection.list .list > .item,
6962
-
.ui.divided.selection.list .list > .item,
6963
-
.ui.celled.selection.list > .item,
6964
-
.ui.divided.selection.list > .item {
6965
-
border-radius: 0;
6966
-
}
6967
-
6968
-
/*-------------------
6969
-
Animated
6970
-
--------------------*/
6971
-
6972
-
.ui.animated.list > .item {
6973
-
transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
6974
-
}
6975
-
6976
-
.ui.animated.list:not(.horizontal) > .item:hover {
6977
-
padding-left: 1em;
6978
-
}
6979
-
6980
-
/*-------------------
6981
-
Fitted
6982
-
--------------------*/
6983
-
6984
-
.ui.fitted.list:not(.selection) .list > .item,
6985
-
.ui.fitted.list:not(.selection) > .item {
6986
-
padding-left: 0;
6987
-
padding-right: 0;
6988
-
}
6989
-
6990
-
.ui.fitted.selection.list .list > .item,
6991
-
.ui.fitted.selection.list > .item {
6992
-
margin-left: -0.5em;
6993
-
margin-right: -0.5em;
6994
-
}
6995
-
6996
-
/*-------------------
6997
-
Bulleted
6998
-
--------------------*/
6999
-
7000
-
ul.ui.list,
7001
-
.ui.bulleted.list {
7002
-
margin-left: 1.25rem;
7003
-
}
7004
-
7005
-
ul.ui.list li,
7006
-
.ui.bulleted.list .list > .item,
7007
-
.ui.bulleted.list > .item {
7008
-
position: relative;
7009
-
}
7010
-
7011
-
ul.ui.list li:before,
7012
-
.ui.bulleted.list .list > .item:before,
7013
-
.ui.bulleted.list > .item:before {
7014
-
-webkit-user-select: none;
7015
-
-moz-user-select: none;
7016
-
user-select: none;
7017
-
pointer-events: none;
7018
-
position: absolute;
7019
-
top: auto;
7020
-
left: auto;
7021
-
font-weight: normal;
7022
-
margin-left: -1.25rem;
7023
-
content: '\2022';
7024
-
opacity: 1;
7025
-
color: inherit;
7026
-
vertical-align: top;
7027
-
}
7028
-
7029
-
ul.ui.list li:before,
7030
-
.ui.bulleted.list .list > a.item:before,
7031
-
.ui.bulleted.list > a.item:before {
7032
-
color: rgba(0, 0, 0, 0.87);
7033
-
}
7034
-
7035
-
ul.ui.list ul,
7036
-
.ui.bulleted.list .list:not(.icon) {
7037
-
padding-left: 1.25rem;
7038
-
}
7039
-
7040
-
/* Horizontal Bulleted */
7041
-
7042
-
ul.ui.horizontal.bulleted.list,
7043
-
.ui.horizontal.bulleted.list {
7044
-
margin-left: 0;
7045
-
}
7046
-
7047
-
ul.ui.horizontal.bulleted.list li,
7048
-
.ui.horizontal.bulleted.list > .item {
7049
-
margin-left: 1.75rem;
7050
-
}
7051
-
7052
-
ul.ui.horizontal.bulleted.list li:first-child,
7053
-
.ui.horizontal.bulleted.list > .item:first-child {
7054
-
margin-left: 0;
7055
-
}
7056
-
7057
-
ul.ui.horizontal.bulleted.list li::before,
7058
-
.ui.horizontal.bulleted.list > .item::before {
7059
-
color: rgba(0, 0, 0, 0.87);
7060
-
}
7061
-
7062
-
ul.ui.horizontal.bulleted.list li:first-child::before,
7063
-
.ui.horizontal.bulleted.list > .item:first-child::before {
7064
-
display: none;
7065
-
}
7066
-
7067
-
/*-------------------
7068
-
Ordered
7069
-
--------------------*/
7070
-
7071
-
ol.ui.list,
7072
-
.ui.ordered.list,
7073
-
.ui.ordered.list .list:not(.icon),
7074
-
ol.ui.list ol {
7075
-
counter-reset: ordered;
7076
-
margin-left: 1.25rem;
7077
-
list-style-type: none;
7078
-
}
7079
-
7080
-
ol.ui.list li,
7081
-
.ui.ordered.list .list > .item,
7082
-
.ui.ordered.list > .item {
7083
-
list-style-type: none;
7084
-
position: relative;
7085
-
}
7086
-
7087
-
ol.ui.list li:before,
7088
-
.ui.ordered.list .list > .item:before,
7089
-
.ui.ordered.list > .item:before {
7090
-
position: absolute;
7091
-
top: auto;
7092
-
left: auto;
7093
-
-webkit-user-select: none;
7094
-
-moz-user-select: none;
7095
-
user-select: none;
7096
-
pointer-events: none;
7097
-
margin-left: -1.25rem;
7098
-
counter-increment: ordered;
7099
-
content: counters(ordered, ".") " ";
7100
-
text-align: right;
7101
-
color: rgba(0, 0, 0, 0.87);
7102
-
vertical-align: middle;
7103
-
opacity: 0.8;
7104
-
}
7105
-
7106
-
/* Value */
7107
-
7108
-
.ui.ordered.list .list > .item[data-value]:before,
7109
-
.ui.ordered.list > .item[data-value]:before {
7110
-
content: attr(data-value);
7111
-
}
7112
-
7113
-
ol.ui.list li[value]:before {
7114
-
content: attr(value);
7115
-
}
7116
-
7117
-
/* Child Lists */
7118
-
7119
-
ol.ui.list ol,
7120
-
.ui.ordered.list .list:not(.icon) {
7121
-
margin-left: 1em;
7122
-
}
7123
-
7124
-
ol.ui.list ol li:before,
7125
-
.ui.ordered.list .list > .item:before {
7126
-
margin-left: -2em;
7127
-
}
7128
-
7129
-
/* Horizontal Ordered */
7130
-
7131
-
ol.ui.horizontal.list,
7132
-
.ui.ordered.horizontal.list {
7133
-
margin-left: 0;
7134
-
}
7135
-
7136
-
ol.ui.horizontal.list li:before,
7137
-
.ui.ordered.horizontal.list .list > .item:before,
7138
-
.ui.ordered.horizontal.list > .item:before {
7139
-
position: static;
7140
-
margin: 0 0.5em 0 0;
7141
-
}
7142
-
7143
-
/* Suffixed Ordered */
7144
-
7145
-
ol.ui.suffixed.list li:before,
7146
-
.ui.suffixed.ordered.list .list > .item:before,
7147
-
.ui.suffixed.ordered.list > .item:before {
7148
-
content: counters(ordered, ".") ".";
7149
-
}
7150
-
7151
-
/*-------------------
7152
-
Divided
7153
-
--------------------*/
7154
-
7155
-
.ui.divided.list > .item {
7156
-
border-top: 1px solid rgba(34, 36, 38, 0.15);
7157
-
}
7158
-
7159
-
.ui.divided.list .list > .item {
7160
-
border-top: none;
7161
-
}
7162
-
7163
-
.ui.divided.list .item .list > .item {
7164
-
border-top: none;
7165
-
}
7166
-
7167
-
.ui.divided.list .list > .item:first-child,
7168
-
.ui.divided.list > .item:first-child {
7169
-
border-top: none;
7170
-
}
7171
-
7172
-
/* Sub Menu */
7173
-
7174
-
.ui.divided.list:not(.horizontal) .list > .item:first-child {
7175
-
border-top-width: 1px;
7176
-
}
7177
-
7178
-
/* Divided bulleted */
7179
-
7180
-
.ui.divided.bulleted.list:not(.horizontal),
7181
-
.ui.divided.bulleted.list .list:not(.icon) {
7182
-
margin-left: 0;
7183
-
padding-left: 0;
7184
-
}
7185
-
7186
-
.ui.divided.bulleted.list > .item:not(.horizontal) {
7187
-
padding-left: 1.25rem;
7188
-
}
7189
-
7190
-
/* Divided Ordered */
7191
-
7192
-
.ui.divided.ordered.list {
7193
-
margin-left: 0;
7194
-
}
7195
-
7196
-
.ui.divided.ordered.list .list > .item,
7197
-
.ui.divided.ordered.list > .item {
7198
-
padding-left: 1.25rem;
7199
-
}
7200
-
7201
-
.ui.divided.ordered.list .item .list:not(.icon) {
7202
-
margin-left: 0;
7203
-
margin-right: 0;
7204
-
padding-bottom: 0.21428571em;
7205
-
}
7206
-
7207
-
.ui.divided.ordered.list .item .list > .item {
7208
-
padding-left: 1em;
7209
-
}
7210
-
7211
-
/* Divided Selection */
7212
-
7213
-
.ui.divided.selection.list .list > .item,
7214
-
.ui.divided.selection.list > .item {
7215
-
margin: 0;
7216
-
border-radius: 0;
7217
-
}
7218
-
7219
-
/* Divided horizontal */
7220
-
7221
-
.ui.divided.horizontal.list {
7222
-
margin-left: 0;
7223
-
}
7224
-
7225
-
.ui.divided.horizontal.list > .item {
7226
-
padding-left: 0.5em;
7227
-
}
7228
-
7229
-
.ui.divided.horizontal.list > .item:not(:last-child) {
7230
-
padding-right: 0.5em;
7231
-
}
7232
-
7233
-
.ui.divided.horizontal.list > .item {
7234
-
border-top: none;
7235
-
border-right: 1px solid rgba(34, 36, 38, 0.15);
7236
-
margin: 0;
7237
-
line-height: 0.6;
7238
-
}
7239
-
7240
-
.ui.horizontal.divided.list > .item:last-child {
7241
-
border-right: none;
7242
-
}
7243
-
7244
-
/*-------------------
7245
-
Celled
7246
-
--------------------*/
7247
-
7248
-
.ui.celled.list > .item,
7249
-
.ui.celled.list > .list {
7250
-
border-top: 1px solid rgba(34, 36, 38, 0.15);
7251
-
padding-left: 0.5em;
7252
-
padding-right: 0.5em;
7253
-
}
7254
-
7255
-
.ui.celled.list > .item:last-child {
7256
-
border-bottom: 1px solid rgba(34, 36, 38, 0.15);
7257
-
}
7258
-
7259
-
/* Padding on all elements */
7260
-
7261
-
.ui.celled.list > .item:first-child,
7262
-
.ui.celled.list > .item:last-child {
7263
-
padding-top: 0.21428571em;
7264
-
padding-bottom: 0.21428571em;
7265
-
}
7266
-
7267
-
/* Sub Menu */
7268
-
7269
-
.ui.celled.list .item .list > .item {
7270
-
border-width: 0;
7271
-
}
7272
-
7273
-
.ui.celled.list .list > .item:first-child {
7274
-
border-top-width: 0;
7275
-
}
7276
-
7277
-
/* Celled Bulleted */
7278
-
7279
-
.ui.celled.bulleted.list {
7280
-
margin-left: 0;
7281
-
}
7282
-
7283
-
.ui.celled.bulleted.list .list > .item,
7284
-
.ui.celled.bulleted.list > .item {
7285
-
padding-left: 1.25rem;
7286
-
}
7287
-
7288
-
.ui.celled.bulleted.list .item .list:not(.icon) {
7289
-
margin-left: -1.25rem;
7290
-
margin-right: -1.25rem;
7291
-
padding-bottom: 0.21428571em;
7292
-
}
7293
-
7294
-
/* Celled Ordered */
7295
-
7296
-
.ui.celled.ordered.list {
7297
-
margin-left: 0;
7298
-
}
7299
-
7300
-
.ui.celled.ordered.list .list > .item,
7301
-
.ui.celled.ordered.list > .item {
7302
-
padding-left: 1.25rem;
7303
-
}
7304
-
7305
-
.ui.celled.ordered.list .item .list:not(.icon) {
7306
-
margin-left: 0;
7307
-
margin-right: 0;
7308
-
padding-bottom: 0.21428571em;
7309
-
}
7310
-
7311
-
.ui.celled.ordered.list .list > .item {
7312
-
padding-left: 1em;
7313
-
}
7314
-
7315
-
/* Celled Horizontal */
7316
-
7317
-
.ui.horizontal.celled.list {
7318
-
margin-left: 0;
7319
-
}
7320
-
7321
-
.ui.horizontal.celled.list .list > .item,
7322
-
.ui.horizontal.celled.list > .item {
7323
-
border-top: none;
7324
-
border-left: 1px solid rgba(34, 36, 38, 0.15);
7325
-
margin: 0;
7326
-
padding-left: 0.5em;
7327
-
padding-right: 0.5em;
7328
-
line-height: 0.6;
7329
-
}
7330
-
7331
-
.ui.horizontal.celled.list .list > .item:last-child,
7332
-
.ui.horizontal.celled.list > .item:last-child {
7333
-
border-bottom: none;
7334
-
border-right: 1px solid rgba(34, 36, 38, 0.15);
7335
-
}
7336
-
7337
-
/*-------------------
7338
-
Relaxed
7339
-
--------------------*/
7340
-
7341
-
.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
7342
-
padding-top: 0.42857143em;
7343
-
}
7344
-
7345
-
.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
7346
-
padding-bottom: 0.42857143em;
7347
-
}
7348
-
7349
-
.ui.horizontal.relaxed.list .list > .item:not(:first-child),
7350
-
.ui.horizontal.relaxed.list > .item:not(:first-child) {
7351
-
padding-left: 1rem;
7352
-
}
7353
-
7354
-
.ui.horizontal.relaxed.list .list > .item:not(:last-child),
7355
-
.ui.horizontal.relaxed.list > .item:not(:last-child) {
7356
-
padding-right: 1rem;
7357
-
}
7358
-
7359
-
/* Very Relaxed */
7360
-
7361
-
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
7362
-
padding-top: 0.85714286em;
7363
-
}
7364
-
7365
-
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
7366
-
padding-bottom: 0.85714286em;
7367
-
}
7368
-
7369
-
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
7370
-
.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
7371
-
padding-left: 1.5rem;
7372
-
}
7373
-
7374
-
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
7375
-
.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
7376
-
padding-right: 1.5rem;
7377
-
}
7378
-
7379
-
/*-------------------
7380
-
Sizes
7381
-
--------------------*/
7382
-
7383
-
.ui.list {
7384
-
font-size: 1em;
7385
-
}
7386
-
7387
-
.ui.mini.list {
7388
-
font-size: 0.78571429em;
7389
-
}
7390
-
7391
-
.ui.mini.horizontal.list .list > .item,
7392
-
.ui.mini.horizontal.list > .item {
7393
-
font-size: 0.78571429rem;
7394
-
}
7395
-
7396
-
.ui.tiny.list {
7397
-
font-size: 0.85714286em;
7398
-
}
7399
-
7400
-
.ui.tiny.horizontal.list .list > .item,
7401
-
.ui.tiny.horizontal.list > .item {
7402
-
font-size: 0.85714286rem;
7403
-
}
7404
-
7405
-
.ui.small.list {
7406
-
font-size: 0.92857143em;
7407
-
}
7408
-
7409
-
.ui.small.horizontal.list .list > .item,
7410
-
.ui.small.horizontal.list > .item {
7411
-
font-size: 0.92857143rem;
7412
-
}
7413
-
7414
-
.ui.large.list {
7415
-
font-size: 1.14285714em;
7416
-
}
7417
-
7418
-
.ui.large.horizontal.list .list > .item,
7419
-
.ui.large.horizontal.list > .item {
7420
-
font-size: 1.14285714rem;
7421
-
}
7422
-
7423
-
.ui.big.list {
7424
-
font-size: 1.28571429em;
7425
-
}
7426
-
7427
-
.ui.big.horizontal.list .list > .item,
7428
-
.ui.big.horizontal.list > .item {
7429
-
font-size: 1.28571429rem;
7430
-
}
7431
-
7432
-
.ui.huge.list {
7433
-
font-size: 1.42857143em;
7434
-
}
7435
-
7436
-
.ui.huge.horizontal.list .list > .item,
7437
-
.ui.huge.horizontal.list > .item {
7438
-
font-size: 1.42857143rem;
7439
-
}
7440
-
7441
-
.ui.massive.list {
7442
-
font-size: 1.71428571em;
7443
-
}
7444
-
7445
-
.ui.massive.horizontal.list .list > .item,
7446
-
.ui.massive.horizontal.list > .item {
7447
-
font-size: 1.71428571rem;
7448
-
}
7449
-
7450
-
/*******************************
7451
-
Theme Overrides
7452
-
*******************************/
7453
-
7454
-
/*******************************
7455
-
User Variable Overrides
7456
-
*******************************/
7457
6480
/*
7458
6481
* # Fomantic - Menu
7459
6482
* http://github.com/fomantic/Fomantic-UI/