semantic-ui-sass 0.19.3.1 → 1.7.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +21 -0
  3. data/README.md +5 -6
  4. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  5. data/app/assets/fonts/semantic-ui/icons.otf +0 -0
  6. data/app/assets/fonts/semantic-ui/icons.svg +472 -367
  7. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  9. data/app/assets/images/semantic-ui/flags.png +0 -0
  10. data/app/assets/javascripts/semantic-ui.js +9 -5
  11. data/app/assets/javascripts/semantic-ui/accordion.js +169 -102
  12. data/app/assets/javascripts/semantic-ui/api.js +840 -0
  13. data/app/assets/javascripts/semantic-ui/checkbox.js +203 -46
  14. data/app/assets/javascripts/semantic-ui/{behavior/colorize.js → colorize.js} +4 -2
  15. data/app/assets/javascripts/semantic-ui/dimmer.js +110 -76
  16. data/app/assets/javascripts/semantic-ui/dropdown.js +897 -285
  17. data/app/assets/javascripts/semantic-ui/{behavior/form.js → form.js} +127 -42
  18. data/app/assets/javascripts/semantic-ui/modal.js +294 -219
  19. data/app/assets/javascripts/semantic-ui/nag.js +120 -186
  20. data/app/assets/javascripts/semantic-ui/popup.js +491 -223
  21. data/app/assets/javascripts/semantic-ui/progress.js +779 -0
  22. data/app/assets/javascripts/semantic-ui/rating.js +66 -22
  23. data/app/assets/javascripts/semantic-ui/search.js +219 -99
  24. data/app/assets/javascripts/semantic-ui/shape.js +72 -29
  25. data/app/assets/javascripts/semantic-ui/sidebar.js +678 -142
  26. data/app/assets/javascripts/semantic-ui/site.js +487 -0
  27. data/app/assets/javascripts/semantic-ui/{behavior/state.js → state.js} +116 -151
  28. data/app/assets/javascripts/semantic-ui/sticky.js +771 -0
  29. data/app/assets/javascripts/semantic-ui/tab.js +680 -603
  30. data/app/assets/javascripts/semantic-ui/transition.js +269 -158
  31. data/app/assets/javascripts/semantic-ui/video.js +113 -32
  32. data/app/assets/javascripts/semantic-ui/visibility.js +970 -0
  33. data/app/assets/javascripts/semantic-ui/visit.js +513 -0
  34. data/app/assets/stylesheets/semantic-ui.scss +2 -0
  35. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +58 -14
  36. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +464 -372
  37. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1385 -533
  38. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +482 -655
  39. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +238 -139
  40. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +631 -280
  41. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +3 -2
  42. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1614 -657
  43. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +143 -80
  44. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1018 -0
  45. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +302 -145
  46. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1653 -1365
  47. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +160 -59
  48. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +247 -118
  49. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +501 -470
  50. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +888 -0
  51. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +189 -98
  52. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +125 -0
  53. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +147 -212
  54. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +328 -190
  55. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +261 -185
  56. data/app/assets/stylesheets/semantic-ui/globals/_all.scss +2 -0
  57. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +430 -0
  58. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +128 -0
  59. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +190 -106
  60. data/app/assets/stylesheets/semantic-ui/modules/_all.scss +2 -1
  61. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +303 -201
  62. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +72 -63
  63. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +711 -331
  64. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +262 -140
  65. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +82 -71
  66. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +163 -119
  67. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +435 -0
  68. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +163 -68
  69. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +223 -150
  70. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +39 -40
  71. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +413 -147
  72. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +80 -0
  73. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +49 -20
  74. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +542 -568
  75. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +69 -37
  76. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +265 -0
  77. data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -1
  78. data/app/assets/stylesheets/semantic-ui/views/_card.scss +758 -0
  79. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +133 -92
  80. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +200 -87
  81. data/app/assets/stylesheets/semantic-ui/views/_item.scss +298 -523
  82. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +390 -12
  83. data/lib/semantic/ui/sass/version.rb +2 -2
  84. data/tasks/converter.rb +99 -216
  85. metadata +22 -27
  86. data/app/assets/fonts/semantic-ui/basic.icons.eot +0 -0
  87. data/app/assets/fonts/semantic-ui/basic.icons.svg +0 -450
  88. data/app/assets/fonts/semantic-ui/basic.icons.ttf +0 -0
  89. data/app/assets/fonts/semantic-ui/basic.icons.woff +0 -0
  90. data/app/assets/images/semantic-ui/loader-large-inverted.gif +0 -0
  91. data/app/assets/images/semantic-ui/loader-large.gif +0 -0
  92. data/app/assets/images/semantic-ui/loader-medium-inverted.gif +0 -0
  93. data/app/assets/images/semantic-ui/loader-medium.gif +0 -0
  94. data/app/assets/images/semantic-ui/loader-mini-inverted.gif +0 -0
  95. data/app/assets/images/semantic-ui/loader-mini.gif +0 -0
  96. data/app/assets/images/semantic-ui/loader-small-inverted.gif +0 -0
  97. data/app/assets/images/semantic-ui/loader-small.gif +0 -0
  98. data/app/assets/javascripts/semantic-ui/behavior/api.js +0 -634
  99. data/app/assets/javascripts/semantic-ui/chatroom.js +0 -772
  100. data/app/assets/stylesheets/semantic-ui/depends/_basic.icon.scss +0 -4
  101. data/app/assets/stylesheets/semantic-ui/depends/_icon.scss +0 -4
  102. data/app/assets/stylesheets/semantic-ui/depends/_loader.scss +0 -8
  103. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +0 -1124
  104. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +0 -280
  105. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +0 -299
  106. data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +0 -322
  107. data/app/assets/stylesheets/semantic-ui/views/_list.scss +0 -700
@@ -0,0 +1,888 @@
1
+ /*
2
+ * # Semantic UI
3
+ * https://github.com/Semantic-Org/Semantic-UI
4
+ * http://www.semantic-ui.com/
5
+ *
6
+ * Copyright 2014 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */
11
+
12
+
13
+
14
+ /*******************************
15
+ List
16
+ *******************************/
17
+
18
+ ul.ui.list,
19
+ ol.ui.list,
20
+ .ui.list {
21
+ list-style-type: none;
22
+ margin: 1em 0em;
23
+ padding: 0em 0em;
24
+ }
25
+ ul.ui.list:first-child,
26
+ ol.ui.list:first-child,
27
+ .ui.list:first-child {
28
+ margin-top: 0em;
29
+ padding-top: 0em;
30
+ }
31
+ ul.ui.list:last-child,
32
+ ol.ui.list:last-child,
33
+ .ui.list:last-child {
34
+ margin-bottom: 0em;
35
+ padding-bottom: 0em;
36
+ }
37
+
38
+
39
+ /*******************************
40
+ Content
41
+ *******************************/
42
+
43
+
44
+ /* List Item */
45
+ ul.ui.list li,
46
+ ol.ui.list li,
47
+ .ui.list > .item,
48
+ .ui.list .list > .item {
49
+ display: list-item;
50
+ table-layout: fixed;
51
+ list-style-type: none;
52
+ list-style-position: outside;
53
+ padding: 0.3em 0em;
54
+ line-height: 1.2;
55
+ }
56
+ ul.ui.list > li:first-child:after,
57
+ ol.ui.list > li:first-child:after,
58
+ .ui.list > .list > .item,
59
+ .ui.list > .item:after {
60
+ content: '';
61
+ display: block;
62
+ height: 0;
63
+ clear: both;
64
+ visibility: hidden;
65
+ }
66
+ ul.ui.list li:first-child,
67
+ ol.ui.list li:first-child,
68
+ .ui.list .list > .item:first-child,
69
+ .ui.list > .item:first-child {
70
+ padding-top: 0em;
71
+ }
72
+ ul.ui.list li:last-child,
73
+ ol.ui.list li:last-child,
74
+ .ui.list .list > .item:last-child,
75
+ .ui.list > .item:last-child {
76
+ padding-bottom: 0em;
77
+ }
78
+
79
+ /* Child List */
80
+ ul.ui.list ul,
81
+ ol.ui.list ol,
82
+ .ui.list .list {
83
+ clear: both;
84
+ margin: 0em;
85
+ padding: 0.75em 0em 0.25em 0.5em;
86
+ }
87
+
88
+ /* Icon */
89
+ .ui.list .list > .item > i.icon,
90
+ .ui.list > .item > i.icon {
91
+ display: table-cell;
92
+ margin: 0em;
93
+ padding-top: 0.1rem;
94
+ padding-right: 0.3em;
95
+ vertical-align: middle;
96
+ -webkit-transition: color 0.2s ease;
97
+ transition: color 0.2s ease;
98
+ }
99
+ .ui.list .list > .item [class*="top aligned"] i.icon,
100
+ .ui.list > .item > [class*="top aligned"] i.icon {
101
+ vertical-align: top;
102
+ }
103
+ .ui.list .list > .item > i.icon:only-child,
104
+ .ui.list > .item > i.icon:only-child {
105
+ display: inline-block;
106
+ vertical-align: top;
107
+ }
108
+
109
+ /* Image */
110
+ .ui.list .list > .item > .image,
111
+ .ui.list > .item > .image {
112
+ display: table-cell;
113
+ background-color: transparent;
114
+ margin: 0em;
115
+ padding-right: 0.5em;
116
+ vertical-align: middle;
117
+ }
118
+ .ui.list .list > .item > [class*="top aligned"].image,
119
+ .ui.list > .item > [class*="top aligned"].image {
120
+ vertical-align: top;
121
+ }
122
+ .ui.list .list > .item > .image img,
123
+ .ui.list > .item > .image img {
124
+ vertical-align: middle;
125
+ }
126
+ .ui.list .list > .item > img.image,
127
+ .ui.list .list > .item > .image:only-child,
128
+ .ui.list > .item > img.image,
129
+ .ui.list > .item > .image:only-child {
130
+ display: inline-block;
131
+ padding-right: 0em;
132
+ }
133
+
134
+ /* Content */
135
+ .ui.list .list > .item > .content,
136
+ .ui.list > .item > .content {
137
+ line-height: 1.2em;
138
+ }
139
+ .ui.list .list > .item > .image + .content,
140
+ .ui.list .list > .item > .icon + .content .ui.list > .item > .image + .content,
141
+ .ui.list > .item > .icon + .content {
142
+ display: table-cell;
143
+ padding-left: 0.5em;
144
+ vertical-align: middle;
145
+ }
146
+ .ui.list .list > .item > .image + .content,
147
+ .ui.list .list > .item > .icon + .content,
148
+ .ui.list > .item > .image + .content,
149
+ .ui.list > .item > .icon + .content {
150
+ display: table-cell;
151
+ padding-left: 0.5em;
152
+ vertical-align: middle;
153
+ }
154
+ .ui.list .list > .item > img.image + .content,
155
+ .ui.list > .item > img.image + .content {
156
+ display: inline-block;
157
+ }
158
+ .ui.list .list > .item [class*="top aligned"].content,
159
+ .ui.list > .item > [class*="top aligned"].content {
160
+ vertical-align: top;
161
+ }
162
+ .ui.list .list > .item > .content > .list,
163
+ .ui.list > .item > .content > .list {
164
+ margin-left: 0em;
165
+ padding-left: 0em;
166
+ }
167
+
168
+ /* Item Link */
169
+ .ui.list .list > a.item,
170
+ .ui.list > a.item {
171
+ cursor: pointer;
172
+ color: rgba(0, 0, 0, 0.8);
173
+ }
174
+ .ui.list .list > a.item:hover,
175
+ .ui.list > a.item:hover {
176
+ color: #00b2f3;
177
+ }
178
+
179
+ /* Linked Item Icons */
180
+ .ui.list .list > a.item i.icon,
181
+ .ui.list > a.item i.icon {
182
+ color: rgba(0, 0, 0, 0.4);
183
+ }
184
+
185
+ /* Linking Content */
186
+ .ui.list .item a {
187
+ cursor: pointer;
188
+ color: rgba(0, 0, 0, 0.8) !important;
189
+ }
190
+ .ui.list .item a:hover {
191
+ color: #00b2f3 !important;
192
+ }
193
+
194
+ /* Header */
195
+ .ui.list .list > .item .header,
196
+ .ui.list > .item .header {
197
+ display: block;
198
+ margin: 0em;
199
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
200
+ font-weight: bold;
201
+ color: rgba(0, 0, 0, 0.8);
202
+ }
203
+ .ui.list .list > .item .description,
204
+ .ui.list > .item .description {
205
+ display: block;
206
+ color: rgba(0, 0, 0, 0.8);
207
+ }
208
+
209
+ /* Floated Content */
210
+ .ui.list .list > .item [class*="left floated"],
211
+ .ui.list > .item [class*="left floated"] {
212
+ float: left;
213
+ margin: 0em 1em 0em 0em;
214
+ }
215
+ .ui.list .list > .item [class*="right floated"],
216
+ .ui.list > .item [class*="right floated"] {
217
+ float: right;
218
+ margin: 0em 0em 0em 1em;
219
+ }
220
+
221
+
222
+ /*******************************
223
+ Coupling
224
+ *******************************/
225
+
226
+ .ui.menu .ui.list > .item,
227
+ .ui.menu .ui.list .list > .item {
228
+ display: list-item;
229
+ table-layout: fixed;
230
+ list-style-type: none;
231
+ list-style-position: outside;
232
+ padding: 0.3em 0em;
233
+ line-height: 1.2;
234
+ }
235
+ .ui.menu .ui.list .list > .item:before,
236
+ .ui.menu .ui.list > .item:before {
237
+ border: none;
238
+ background: none;
239
+ }
240
+ .ui.menu .ui.list .list > .item:first-child,
241
+ .ui.menu .ui.list > .item:first-child {
242
+ padding-top: 0em;
243
+ }
244
+ .ui.menu .ui.list .list > .item:last-child,
245
+ .ui.menu .ui.list > .item:last-child {
246
+ padding-bottom: 0em;
247
+ }
248
+
249
+
250
+ /*******************************
251
+ Types
252
+ *******************************/
253
+
254
+
255
+ /*-------------------
256
+ Horizontal
257
+ --------------------*/
258
+
259
+ .ui.horizontal.list {
260
+ display: inline-block;
261
+ font-size: 0em;
262
+ }
263
+ .ui.horizontal.list > .item {
264
+ display: inline-block;
265
+ margin-left: 1em;
266
+ font-size: 1rem;
267
+ }
268
+ .ui.horizontal.list > .item:first-child {
269
+ margin-left: 0em !important;
270
+ padding-left: 0em !important;
271
+ }
272
+ .ui.horizontal.list .list {
273
+ padding-left: 0em;
274
+ padding-bottom: 0em;
275
+ }
276
+
277
+ /* Padding on all elements */
278
+ .ui.horizontal.list > .item:first-child,
279
+ .ui.horizontal.list > .item:last-child {
280
+ padding-top: 0.3em;
281
+ padding-bottom: 0.3em;
282
+ }
283
+
284
+ /* Horizontal List */
285
+ .ui.horizontal.list > .item > i.icon {
286
+ margin: 0em;
287
+ padding: 0em 0.25em 0em 0em;
288
+ }
289
+ .ui.horizontal.list > .item > .icon,
290
+ .ui.horizontal.list > .item > .icon + .content {
291
+ float: none;
292
+ display: inline-block;
293
+ }
294
+
295
+
296
+ /*******************************
297
+ States
298
+ *******************************/
299
+
300
+
301
+ /*-------------------
302
+ Disabled
303
+ --------------------*/
304
+
305
+ .ui.list .list > .disabled.item,
306
+ .ui.list > .disabled.item {
307
+ pointer-events: none;
308
+ color: rgba(40, 40, 40, 0.3) !important;
309
+ }
310
+ .ui.inverted.list .list > .disabled.item,
311
+ .ui.inverted.list > .disabled.item {
312
+ color: rgba(225, 225, 225, 0.3) !important;
313
+ }
314
+
315
+ /*-------------------
316
+ Hover
317
+ --------------------*/
318
+
319
+ .ui.list .list > a.item:hover .icon,
320
+ .ui.list > a.item:hover .icon {
321
+ color: rgba(0, 0, 0, 0.8);
322
+ }
323
+
324
+
325
+ /*******************************
326
+ Variations
327
+ *******************************/
328
+
329
+
330
+ /*-------------------
331
+ Inverted
332
+ --------------------*/
333
+
334
+ .ui.inverted.list .list > a.item > .icon,
335
+ .ui.inverted.list > a.item > .icon {
336
+ color: rgba(255, 255, 255, 0.8);
337
+ }
338
+ .ui.inverted.list .list > .item .header,
339
+ .ui.inverted.list > .item .header {
340
+ color: #ffffff;
341
+ }
342
+ .ui.inverted.list .list > .item .description,
343
+ .ui.inverted.list > .item .description {
344
+ color: rgba(255, 255, 255, 0.8);
345
+ }
346
+
347
+ /* Item Link */
348
+ .ui.inverted.list .list > a.item,
349
+ .ui.inverted.list > a.item {
350
+ cursor: pointer;
351
+ color: #ffffff;
352
+ }
353
+ .ui.inverted.list .list > a.item:hover,
354
+ .ui.inverted.list > a.item:hover {
355
+ color: #00b2f3;
356
+ }
357
+
358
+ /* Linking Content */
359
+ .ui.inverted.list .item a {
360
+ cursor: pointer;
361
+ color: #ffffff !important;
362
+ }
363
+ .ui.inverted.list .item a:hover {
364
+ color: #00b2f3 !important;
365
+ }
366
+
367
+ /*-------------------
368
+ Link
369
+ --------------------*/
370
+
371
+ .ui.link.list .item,
372
+ .ui.link.list a.item,
373
+ .ui.link.list .item a {
374
+ color: rgba(0, 0, 0, 0.4);
375
+ -webkit-transition: 0.2s color ease;
376
+ transition: 0.2s color ease;
377
+ }
378
+ .ui.link.list a.item:hover,
379
+ .ui.link.list .item a:hover {
380
+ color: rgba(0, 0, 0, 0.8);
381
+ }
382
+ .ui.link.list a.item:active,
383
+ .ui.link.list .item a:active {
384
+ color: rgba(0, 0, 0, 0.8);
385
+ }
386
+ .ui.link.list .active.item,
387
+ .ui.link.list .active.item a {
388
+ color: rgba(0, 0, 0, 0.8);
389
+ }
390
+
391
+ /* Inverted */
392
+ .ui.inverted.link.list .item,
393
+ .ui.inverted.link.list a.item,
394
+ .ui.inverted.link.list .item a {
395
+ color: rgba(255, 255, 255, 0.5);
396
+ }
397
+ .ui.inverted.link.list a.item:hover,
398
+ .ui.inverted.link.list .item a:hover {
399
+ color: #ffffff;
400
+ }
401
+ .ui.inverted.link.list a.item:active,
402
+ .ui.inverted.link.list .item a:active {
403
+ color: #ffffff;
404
+ }
405
+ .ui.inverted.link.list a.active.item,
406
+ .ui.inverted.link.list .active.item a {
407
+ color: #ffffff;
408
+ }
409
+
410
+ /*-------------------
411
+ Selection
412
+ --------------------*/
413
+
414
+ .ui.selection.list .list > .item,
415
+ .ui.selection.list > .item {
416
+ cursor: pointer;
417
+ background: transparent;
418
+ padding: 0.5em 0.5em;
419
+ margin: 0em;
420
+ color: rgba(0, 0, 0, 0.4);
421
+ border-radius: 0.5em;
422
+ -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
423
+ transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
424
+ }
425
+ .ui.selection.list .list > .item:last-child,
426
+ .ui.selection.list > .item:last-child {
427
+ margin-bottom: 0em;
428
+ }
429
+ .ui.selection.list.list > .item:hover,
430
+ .ui.selection.list > .item:hover {
431
+ background: rgba(0, 0, 0, 0.03);
432
+ color: rgba(0, 0, 0, 0.8);
433
+ }
434
+ .ui.selection.list .list > .item:active,
435
+ .ui.selection.list > .item:active {
436
+ background: rgba(0, 0, 0, 0.05);
437
+ color: rgba(0, 0, 0, 0.8);
438
+ }
439
+ .ui.selection.list .list > .item.active,
440
+ .ui.selection.list > .item.active {
441
+ background: rgba(0, 0, 0, 0.05);
442
+ color: rgba(0, 0, 0, 0.8);
443
+ }
444
+
445
+ /* Inverted */
446
+ .ui.inverted.selection.list > .item,
447
+ .ui.inverted.selection.list > .item {
448
+ background: transparent;
449
+ color: rgba(255, 255, 255, 0.5);
450
+ }
451
+ .ui.inverted.selection.list > .item:hover,
452
+ .ui.inverted.selection.list > .item:hover {
453
+ background: rgba(255, 255, 255, 0.02);
454
+ color: #ffffff;
455
+ }
456
+ .ui.inverted.selection.list > .item:active,
457
+ .ui.inverted.selection.list > .item:active {
458
+ background: rgba(255, 255, 255, 0.05);
459
+ color: #ffffff;
460
+ }
461
+ .ui.inverted.selection.list > .item.active,
462
+ .ui.inverted.selection.list > .item.active {
463
+ background: rgba(255, 255, 255, 0.05);
464
+ color: #ffffff;
465
+ }
466
+
467
+ /* Celled / Divided Selection List */
468
+ .ui.celled.selection.list .list > .item,
469
+ .ui.divided.selection.list .list > .item,
470
+ .ui.celled.selection.list > .item,
471
+ .ui.divided.selection.list > .item {
472
+ border-radius: 0em;
473
+ }
474
+
475
+ /*-------------------
476
+ Animated
477
+ --------------------*/
478
+
479
+ .ui.animated.list > .item {
480
+ -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
481
+ transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
482
+ }
483
+ .ui.animated.list:not(.horizontal) > .item:hover {
484
+ padding-left: 1em;
485
+ }
486
+
487
+ /*-------------------
488
+ Fitted
489
+ --------------------*/
490
+
491
+ .ui.fitted.list:not(.selection) .list > .item,
492
+ .ui.fitted.list:not(.selection) > .item {
493
+ padding-left: 0em;
494
+ padding-right: 0em;
495
+ }
496
+ .ui.fitted.selection.list .list > .item,
497
+ .ui.fitted.selection.list > .item {
498
+ margin-left: -0.5em;
499
+ margin-right: -0.5em;
500
+ }
501
+
502
+ /*-------------------
503
+ Bulleted
504
+ --------------------*/
505
+
506
+ ul.ui.list,
507
+ .ui.bulleted.list {
508
+ margin-left: 1rem;
509
+ }
510
+ ul.ui.list li,
511
+ .ui.bulleted.list .list > .item,
512
+ .ui.bulleted.list > .item {
513
+ position: relative;
514
+ }
515
+ ul.ui.list li:before,
516
+ .ui.bulleted.list .list > .item:before,
517
+ .ui.bulleted.list > .item:before {
518
+ position: absolute;
519
+ top: auto;
520
+ left: auto;
521
+ margin-left: -1rem;
522
+ content: '•';
523
+ opacity: 1;
524
+ color: rgba(0, 0, 0, 0.8);
525
+ vertical-align: top;
526
+ }
527
+ ul.ui.list ul,
528
+ .ui.bulleted.list .list {
529
+ padding-left: 1rem;
530
+ }
531
+
532
+ /* Horizontal Bulleted */
533
+ ul.ui.horizontal.bulleted.list,
534
+ .ui.horizontal.bulleted.list {
535
+ margin-left: 0em;
536
+ }
537
+ ul.ui.horizontal.bulleted.list li,
538
+ .ui.horizontal.bulleted.list > .item {
539
+ margin-left: 1.5rem;
540
+ }
541
+ ul.ui.horizontal.bulleted.list li:first-child,
542
+ .ui.horizontal.bulleted.list > .item:first-child {
543
+ margin-left: 0em;
544
+ }
545
+ ul.ui.horizontal.bulleted.list li:first-child::before,
546
+ .ui.horizontal.bulleted.list > .item:first-child::before {
547
+ display: none;
548
+ }
549
+
550
+ /*-------------------
551
+ Ordered
552
+ --------------------*/
553
+
554
+ ol.ui.list,
555
+ .ui.ordered.list,
556
+ .ui.ordered.list .list,
557
+ ol.ui.list ol {
558
+ counter-reset: ordered;
559
+ margin-left: 1.25rem;
560
+ list-style-type: none;
561
+ }
562
+ ol.ui.list li,
563
+ .ui.ordered.list .list > .item,
564
+ .ui.ordered.list > .item {
565
+ list-style-type: none;
566
+ position: relative;
567
+ }
568
+ ol.ui.list li:before,
569
+ .ui.ordered.list .list > .item:before,
570
+ .ui.ordered.list > .item:before {
571
+ position: absolute;
572
+ top: auto;
573
+ left: auto;
574
+ margin-left: -1.25rem;
575
+ counter-increment: ordered;
576
+ content: counters(ordered, ".") " ";
577
+ text-align: right;
578
+ color: rgba(0, 0, 0, 0.8);
579
+ vertical-align: middle;
580
+ opacity: 0.8;
581
+ }
582
+
583
+ /* Child Lists */
584
+ ol.ui.list ol,
585
+ .ui.ordered.list .list {
586
+ margin-left: 1em;
587
+ }
588
+ ol.ui.list ol li:before,
589
+ .ui.ordered.list .list > .item:before {
590
+ margin-left: -2em;
591
+ }
592
+
593
+ /* Horizontal Ordered */
594
+ ol.ui.horizontal.list,
595
+ .ui.ordered.horizontal.list {
596
+ margin-left: 0em;
597
+ }
598
+ ol.ui.horizontal.list li:before,
599
+ .ui.ordered.horizontal.list .list > .item:before,
600
+ .ui.ordered.horizontal.list > .item:before {
601
+ position: static;
602
+ margin: 0em 0.5em 0em 0em;
603
+ }
604
+
605
+ /*-------------------
606
+ Divided
607
+ --------------------*/
608
+
609
+ .ui.divided.list > .item {
610
+ border-top: 1px solid rgba(39, 41, 43, 0.15);
611
+ }
612
+ .ui.divided.list .list > .item {
613
+ border-top: none;
614
+ }
615
+ .ui.divided.list .item .list > .item {
616
+ border-top: none;
617
+ }
618
+ .ui.divided.list .list > .item:first-child,
619
+ .ui.divided.list > .item:first-child {
620
+ border-top: none;
621
+ }
622
+
623
+ /* Sub Menu */
624
+ .ui.divided.list:not(.horizontal) .list > .item:first-child {
625
+ border-top-width: 1px;
626
+ }
627
+
628
+ /* Divided bulleted */
629
+ .ui.divided.bulleted.list:not(.horizontal),
630
+ .ui.divided.bulleted.list .list {
631
+ margin-left: 0em;
632
+ padding-left: 0em;
633
+ }
634
+ .ui.divided.bulleted.list .list > .item:not(.horizontal),
635
+ .ui.divided.bulleted.list > .item:not(.horizontal) {
636
+ padding-left: 1rem;
637
+ }
638
+
639
+ /* Divided Ordered */
640
+ .ui.divided.ordered.list {
641
+ margin-left: 0em;
642
+ }
643
+ .ui.divided.ordered.list .list > .item,
644
+ .ui.divided.ordered.list > .item {
645
+ padding-left: 1.25rem;
646
+ }
647
+ .ui.divided.ordered.list .item .list {
648
+ margin-left: 0em;
649
+ margin-right: 0em;
650
+ padding-bottom: 0.3em;
651
+ }
652
+ .ui.divided.ordered.list .item .list > .item {
653
+ padding-left: 1em;
654
+ }
655
+
656
+ /* Divided Selection */
657
+ .ui.divided.selection.list .list > .item,
658
+ .ui.divided.selection.list > .item {
659
+ margin: 0em;
660
+ border-radius: 0em;
661
+ }
662
+
663
+ /* Divided horizontal */
664
+ .ui.divided.horizontal.list {
665
+ margin-left: 0em;
666
+ }
667
+ .ui.divided.horizontal.list > .item {
668
+ border-top: none;
669
+ border-left: 1px solid rgba(39, 41, 43, 0.15);
670
+ margin: 0em;
671
+ padding-left: 0.5em;
672
+ padding-right: 0.5em;
673
+ line-height: 0.6;
674
+ }
675
+ .ui.horizontal.divided.list > .item:first-child {
676
+ border-left: none;
677
+ }
678
+
679
+ /* Inverted */
680
+ .ui.divided.inverted.list > .item,
681
+ .ui.divided.inverted.list > .list,
682
+ .ui.divided.inverted.horizontal.list > .item {
683
+ border-color: rgba(255, 255, 255, 0.2);
684
+ }
685
+
686
+ /*-------------------
687
+ Celled
688
+ --------------------*/
689
+
690
+ .ui.celled.list > .item,
691
+ .ui.celled.list > .list {
692
+ border-top: 1px solid rgba(39, 41, 43, 0.15);
693
+ padding-left: 0.5em;
694
+ padding-right: 0.5em;
695
+ }
696
+ .ui.celled.list > .item:last-child {
697
+ border-bottom: 1px solid rgba(39, 41, 43, 0.15);
698
+ }
699
+
700
+ /* Padding on all elements */
701
+ .ui.celled.list > .item:first-child,
702
+ .ui.celled.list > .item:last-child {
703
+ padding-top: 0.3em;
704
+ padding-bottom: 0.3em;
705
+ }
706
+
707
+ /* Sub Menu */
708
+ .ui.celled.list .item .list > .item {
709
+ border-width: 0px;
710
+ }
711
+ .ui.celled.list .list > .item:first-child {
712
+ border-top-width: 0px;
713
+ }
714
+
715
+ /* Celled Bulleted */
716
+ .ui.celled.bulleted.list {
717
+ margin-left: 0em;
718
+ }
719
+ .ui.celled.bulleted.list .list > .item,
720
+ .ui.celled.bulleted.list > .item {
721
+ padding-left: 1rem;
722
+ }
723
+ .ui.celled.bulleted.list .item .list {
724
+ margin-left: -1rem;
725
+ margin-right: -1rem;
726
+ padding-bottom: 0.3em;
727
+ }
728
+
729
+ /* Celled Ordered */
730
+ .ui.celled.ordered.list {
731
+ margin-left: 0em;
732
+ }
733
+ .ui.celled.ordered.list .list > .item,
734
+ .ui.celled.ordered.list > .item {
735
+ padding-left: 1.25rem;
736
+ }
737
+ .ui.celled.ordered.list .item .list {
738
+ margin-left: 0em;
739
+ margin-right: 0em;
740
+ padding-bottom: 0.3em;
741
+ }
742
+ .ui.celled.ordered.list .list > .item {
743
+ padding-left: 1em;
744
+ }
745
+
746
+ /* Celled Horizontal */
747
+ .ui.horizontal.celled.list {
748
+ margin-left: 0em;
749
+ }
750
+ .ui.horizontal.celled.list .list > .item,
751
+ .ui.horizontal.celled.list > .item {
752
+ border-top: none;
753
+ border-left: 1px solid rgba(39, 41, 43, 0.15);
754
+ margin: 0em;
755
+ padding-left: 0.5em;
756
+ padding-right: 0.5em;
757
+ line-height: 0.6;
758
+ }
759
+ .ui.horizontal.celled.list .list > .item:last-child,
760
+ .ui.horizontal.celled.list > .item:last-child {
761
+ border-bottom: none;
762
+ border-right: 1px solid rgba(39, 41, 43, 0.15);
763
+ }
764
+
765
+ /* Inverted */
766
+ .ui.celled.inverted.list > .item,
767
+ .ui.celled.inverted.list > .list {
768
+ border-color: 1px solid rgba(255, 255, 255, 0.2);
769
+ }
770
+ .ui.celled.inverted.horizontal.list .list > .item,
771
+ .ui.celled.inverted.horizontal.list > .item {
772
+ border-color: 1px solid rgba(255, 255, 255, 0.2);
773
+ }
774
+
775
+ /*-------------------
776
+ Relaxed
777
+ --------------------*/
778
+
779
+ .ui.relaxed.list:not(.horizontal) .list > .item,
780
+ .ui.relaxed.list:not(.horizontal) > .item {
781
+ padding-top: 0.5rem;
782
+ padding-bottom: 0.5rem;
783
+ }
784
+ .ui.relaxed.list .list > .item .header,
785
+ .ui.relaxed.list > .item .header {
786
+ /*margin-bottom: @relaxedHeaderMargin;*/
787
+ }
788
+ .ui.horizontal.relaxed.list > .item {
789
+ padding-left: 1.25rem;
790
+ padding-right: 1.25rem;
791
+ }
792
+
793
+ /* Very Relaxed */
794
+ .ui[class*="very relaxed"].list:not(.horizontal) .list > .item,
795
+ .ui[class*="very relaxed"].list:not(.horizontal) > .item {
796
+ padding-top: 1rem;
797
+ padding-bottom: 1rem;
798
+ }
799
+ .ui[class*="very relaxed"].list .list > .item .header,
800
+ .ui[class*="very relaxed"].list > .item .header {
801
+ /*margin-bottom: @veryRelaxedHeaderMargin;*/
802
+ }
803
+ .ui.horizontal[class*="very relaxed"].list .list > .item,
804
+ .ui.horizontal[class*="very relaxed"].list > .item {
805
+ padding-left: 2rem;
806
+ padding-right: 2rem;
807
+ }
808
+
809
+ /*-------------------
810
+ Sizes
811
+ --------------------*/
812
+
813
+ .ui.mini.list .list > .item,
814
+ .ui.mini.list > .item {
815
+ font-size: 0.71428571em;
816
+ }
817
+ .ui.tiny.list .list > .item,
818
+ .ui.tiny.list > .item {
819
+ font-size: 0.85714286em;
820
+ }
821
+ .ui.small.list .list > .item,
822
+ .ui.small.list > .item {
823
+ font-size: 0.92857143em;
824
+ }
825
+ .ui.list .list > .item,
826
+ .ui.list > .item {
827
+ font-size: 1em;
828
+ }
829
+ .ui.large.list .list > .item,
830
+ .ui.large.list > .item {
831
+ font-size: 1.14285714em;
832
+ }
833
+ .ui.big.list .list > .item,
834
+ .ui.big.list > .item {
835
+ font-size: 1.28571429em;
836
+ }
837
+ .ui.huge.list .list > .item,
838
+ .ui.huge.list > .item {
839
+ font-size: 1.42857143em;
840
+ }
841
+ .ui.massive.list .list > .item,
842
+ .ui.massive.list > .item {
843
+ font-size: 1.71428571em;
844
+ }
845
+ .ui.mini.horizontal.list .list > .item,
846
+ .ui.mini.horizontal.list > .item {
847
+ font-size: 0.71428571rem;
848
+ }
849
+ .ui.tiny.horizontal.list .list > .item,
850
+ .ui.tiny.horizontal.list > .item {
851
+ font-size: 0.85714286rem;
852
+ }
853
+ .ui.small.horizontal.list .list > .item,
854
+ .ui.small.horizontal.list > .item {
855
+ font-size: 0.92857143rem;
856
+ }
857
+ .ui.horizontal.list .list > .item,
858
+ .ui.horizontal.list > .item {
859
+ font-size: 1rem;
860
+ }
861
+ .ui.large.horizontal.list .list > .item,
862
+ .ui.large.horizontal.list > .item {
863
+ font-size: 1.14285714rem;
864
+ }
865
+ .ui.big.horizontal.list .list > .item,
866
+ .ui.big.horizontal.list > .item {
867
+ font-size: 1.28571429rem;
868
+ }
869
+ .ui.huge.horizontal.list .list > .item,
870
+ .ui.huge.horizontal.list > .item {
871
+ font-size: 1.42857143rem;
872
+ }
873
+ .ui.massive.horizontal.list .list > .item,
874
+ .ui.massive.horizontal.list > .item {
875
+ font-size: 1.71428571rem;
876
+ }
877
+
878
+
879
+ /*******************************
880
+ Theme Overrides
881
+ *******************************/
882
+
883
+
884
+
885
+ /*******************************
886
+ User Variable Overrides
887
+ *******************************/
888
+