vue_crud 0.1.9.5 → 0.1.9.6

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