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,1314 @@
1
+ /*!
2
+ * # Semantic UI 2.2.4 - Label
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
+ Label
14
+ *******************************/
15
+
16
+ .ui.label {
17
+ display: inline-block;
18
+ line-height: 1;
19
+ vertical-align: baseline;
20
+ margin: 0em 0.14285714em;
21
+ background-color: #E8E8E8;
22
+ background-image: none;
23
+ padding: 0.5833em 0.833em;
24
+ color: rgba(0, 0, 0, 0.6);
25
+ text-transform: none;
26
+ font-weight: bold;
27
+ border: 0px solid transparent;
28
+ border-radius: 0.28571429rem;
29
+ -webkit-transition: background 0.1s ease;
30
+ transition: background 0.1s ease;
31
+ }
32
+ .ui.label:first-child {
33
+ margin-left: 0em;
34
+ }
35
+ .ui.label:last-child {
36
+ margin-right: 0em;
37
+ }
38
+
39
+ /* Link */
40
+ a.ui.label {
41
+ cursor: pointer;
42
+ }
43
+
44
+ /* Inside Link */
45
+ .ui.label > a {
46
+ cursor: pointer;
47
+ color: inherit;
48
+ opacity: 0.5;
49
+ -webkit-transition: 0.1s opacity ease;
50
+ transition: 0.1s opacity ease;
51
+ }
52
+ .ui.label > a:hover {
53
+ opacity: 1;
54
+ }
55
+
56
+ /* Image */
57
+ .ui.label > img {
58
+ width: auto !important;
59
+ vertical-align: middle;
60
+ height: 2.1666em !important;
61
+ }
62
+
63
+ /* Icon */
64
+ .ui.label > .icon {
65
+ width: auto;
66
+ margin: 0em 0.75em 0em 0em;
67
+ }
68
+
69
+ /* Detail */
70
+ .ui.label > .detail {
71
+ display: inline-block;
72
+ vertical-align: top;
73
+ font-weight: bold;
74
+ margin-left: 1em;
75
+ opacity: 0.8;
76
+ }
77
+ .ui.label > .detail .icon {
78
+ margin: 0em 0.25em 0em 0em;
79
+ }
80
+
81
+ /* Removable label */
82
+ .ui.label > .close.icon,
83
+ .ui.label > .delete.icon {
84
+ cursor: pointer;
85
+ margin-right: 0em;
86
+ margin-left: 0.5em;
87
+ font-size: 0.92857143em;
88
+ opacity: 0.5;
89
+ -webkit-transition: background 0.1s ease;
90
+ transition: background 0.1s ease;
91
+ }
92
+ .ui.label > .delete.icon:hover {
93
+ opacity: 1;
94
+ }
95
+
96
+ /*-------------------
97
+ Group
98
+ --------------------*/
99
+
100
+ .ui.labels > .label {
101
+ margin: 0em 0.5em 0.5em 0em;
102
+ }
103
+
104
+ /*-------------------
105
+ Coupling
106
+ --------------------*/
107
+
108
+ .ui.header > .ui.label {
109
+ margin-top: -0.29165em;
110
+ }
111
+
112
+ /* Remove border radius on attached segment */
113
+ .ui.attached.segment > .ui.top.left.attached.label,
114
+ .ui.bottom.attached.segment > .ui.top.left.attached.label {
115
+ border-top-left-radius: 0;
116
+ }
117
+ .ui.attached.segment > .ui.top.right.attached.label,
118
+ .ui.bottom.attached.segment > .ui.top.right.attached.label {
119
+ border-top-right-radius: 0;
120
+ }
121
+ .ui.top.attached.segment > .ui.bottom.left.attached.label {
122
+ border-bottom-left-radius: 0;
123
+ }
124
+ .ui.top.attached.segment > .ui.bottom.right.attached.label {
125
+ border-bottom-right-radius: 0;
126
+ }
127
+
128
+ /* Padding on next content after a label */
129
+ .ui.top.attached.label:first-child + :not(.attached),
130
+ .ui.top.attached.label + [class*="right floated"] + * {
131
+ margin-top: 2rem !important;
132
+ }
133
+ .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
134
+ margin-top: 0em;
135
+ margin-bottom: 2rem !important;
136
+ }
137
+
138
+
139
+ /*******************************
140
+ Types
141
+ *******************************/
142
+
143
+ .ui.image.label {
144
+ width: auto !important;
145
+ margin-top: 0em;
146
+ margin-bottom: 0em;
147
+ max-width: 9999px;
148
+ vertical-align: baseline;
149
+ text-transform: none;
150
+ background: #E8E8E8;
151
+ padding: 0.5833em 0.833em 0.5833em 0.5em;
152
+ border-radius: 0.28571429rem;
153
+ box-shadow: none;
154
+ }
155
+ .ui.image.label img {
156
+ display: inline-block;
157
+ vertical-align: top;
158
+ height: 2.1666em;
159
+ margin: -0.5833em 0.5em -0.5833em -0.5em;
160
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
161
+ }
162
+ .ui.image.label .detail {
163
+ background: rgba(0, 0, 0, 0.1);
164
+ margin: -0.5833em -0.833em -0.5833em 0.5em;
165
+ padding: 0.5833em 0.833em;
166
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
167
+ }
168
+
169
+ /*-------------------
170
+ Tag
171
+ --------------------*/
172
+
173
+ .ui.tag.labels .label,
174
+ .ui.tag.label {
175
+ margin-left: 1em;
176
+ position: relative;
177
+ padding-left: 1.5em;
178
+ padding-right: 1.5em;
179
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
180
+ -webkit-transition: none;
181
+ transition: none;
182
+ }
183
+ .ui.tag.labels .label:before,
184
+ .ui.tag.label:before {
185
+ position: absolute;
186
+ -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
187
+ -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
188
+ transform: translateY(-50%) translateX(50%) rotate(-45deg);
189
+ top: 50%;
190
+ right: 100%;
191
+ content: '';
192
+ background-color: inherit;
193
+ background-image: none;
194
+ width: 1.56em;
195
+ height: 1.56em;
196
+ -webkit-transition: none;
197
+ transition: none;
198
+ }
199
+ .ui.tag.labels .label:after,
200
+ .ui.tag.label:after {
201
+ position: absolute;
202
+ content: '';
203
+ top: 50%;
204
+ left: -0.25em;
205
+ margin-top: -0.25em;
206
+ background-color: #FFFFFF !important;
207
+ width: 0.5em;
208
+ height: 0.5em;
209
+ box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
210
+ border-radius: 500rem;
211
+ }
212
+
213
+ /*-------------------
214
+ Corner Label
215
+ --------------------*/
216
+
217
+ .ui.corner.label {
218
+ position: absolute;
219
+ top: 0em;
220
+ right: 0em;
221
+ margin: 0em;
222
+ padding: 0em;
223
+ text-align: center;
224
+ border-color: #E8E8E8;
225
+ width: 4em;
226
+ height: 4em;
227
+ z-index: 1;
228
+ -webkit-transition: border-color 0.1s ease;
229
+ transition: border-color 0.1s ease;
230
+ }
231
+
232
+ /* Icon Label */
233
+ .ui.corner.label {
234
+ background-color: transparent !important;
235
+ }
236
+ .ui.corner.label:after {
237
+ position: absolute;
238
+ content: "";
239
+ right: 0em;
240
+ top: 0em;
241
+ z-index: -1;
242
+ width: 0em;
243
+ height: 0em;
244
+ background-color: transparent !important;
245
+ border-top: 0em solid transparent;
246
+ border-right: 4em solid transparent;
247
+ border-bottom: 4em solid transparent;
248
+ border-left: 0em solid transparent;
249
+ border-right-color: inherit;
250
+ -webkit-transition: border-color 0.1s ease;
251
+ transition: border-color 0.1s ease;
252
+ }
253
+ .ui.corner.label .icon {
254
+ cursor: default;
255
+ position: relative;
256
+ top: 0.64285714em;
257
+ left: 0.78571429em;
258
+ font-size: 1.14285714em;
259
+ margin: 0em;
260
+ }
261
+
262
+ /* Left Corner */
263
+ .ui.left.corner.label,
264
+ .ui.left.corner.label:after {
265
+ right: auto;
266
+ left: 0em;
267
+ }
268
+ .ui.left.corner.label:after {
269
+ border-top: 4em solid transparent;
270
+ border-right: 4em solid transparent;
271
+ border-bottom: 0em solid transparent;
272
+ border-left: 0em solid transparent;
273
+ border-top-color: inherit;
274
+ }
275
+ .ui.left.corner.label .icon {
276
+ left: -0.78571429em;
277
+ }
278
+
279
+ /* Segment */
280
+ .ui.segment > .ui.corner.label {
281
+ top: -1px;
282
+ right: -1px;
283
+ }
284
+ .ui.segment > .ui.left.corner.label {
285
+ right: auto;
286
+ left: -1px;
287
+ }
288
+
289
+ /*-------------------
290
+ Ribbon
291
+ --------------------*/
292
+
293
+ .ui.ribbon.label {
294
+ position: relative;
295
+ margin: 0em;
296
+ min-width: -webkit-max-content;
297
+ min-width: -moz-max-content;
298
+ min-width: max-content;
299
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
300
+ border-color: rgba(0, 0, 0, 0.15);
301
+ }
302
+ .ui.ribbon.label:after {
303
+ position: absolute;
304
+ content: '';
305
+ top: 100%;
306
+ left: 0%;
307
+ background-color: transparent !important;
308
+ border-style: solid;
309
+ border-width: 0em 1.2em 1.2em 0em;
310
+ border-color: transparent;
311
+ border-right-color: inherit;
312
+ width: 0em;
313
+ height: 0em;
314
+ }
315
+
316
+ /* Positioning */
317
+ .ui.ribbon.label {
318
+ left: calc( -1rem - 1.2em );
319
+ margin-right: -1.2em;
320
+ padding-left: calc( 1rem + 1.2em );
321
+ padding-right: 1.2em;
322
+ }
323
+ .ui[class*="right ribbon"].label {
324
+ left: calc(100% + 1rem + 1.2em );
325
+ padding-left: 1.2em;
326
+ padding-right: calc( 1rem + 1.2em );
327
+ }
328
+
329
+ /* Right Ribbon */
330
+ .ui[class*="right ribbon"].label {
331
+ text-align: left;
332
+ -webkit-transform: translateX(-100%);
333
+ -ms-transform: translateX(-100%);
334
+ transform: translateX(-100%);
335
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
336
+ }
337
+ .ui[class*="right ribbon"].label:after {
338
+ left: auto;
339
+ right: 0%;
340
+ border-style: solid;
341
+ border-width: 1.2em 1.2em 0em 0em;
342
+ border-color: transparent;
343
+ border-top-color: inherit;
344
+ }
345
+
346
+ /* Inside Table */
347
+ .ui.image > .ribbon.label,
348
+ .ui.card .image > .ribbon.label {
349
+ position: absolute;
350
+ top: 1rem;
351
+ }
352
+ .ui.card .image > .ui.ribbon.label,
353
+ .ui.image > .ui.ribbon.label {
354
+ left: calc( 0.05rem - 1.2em );
355
+ }
356
+ .ui.card .image > .ui[class*="right ribbon"].label,
357
+ .ui.image > .ui[class*="right ribbon"].label {
358
+ left: calc(100% + -0.05rem + 1.2em );
359
+ padding-left: 0.833em;
360
+ }
361
+
362
+ /* Inside Table */
363
+ .ui.table td > .ui.ribbon.label {
364
+ left: calc( -0.78571429em - 1.2em );
365
+ }
366
+ .ui.table td > .ui[class*="right ribbon"].label {
367
+ left: calc(100% + 0.78571429em + 1.2em );
368
+ padding-left: 0.833em;
369
+ }
370
+
371
+ /*-------------------
372
+ Attached
373
+ --------------------*/
374
+
375
+ .ui[class*="top attached"].label,
376
+ .ui.attached.label {
377
+ width: 100%;
378
+ position: absolute;
379
+ margin: 0em;
380
+ top: 0em;
381
+ left: 0em;
382
+ padding: 0.75em 1em;
383
+ border-radius: 0.21428571rem 0.21428571rem 0em 0em;
384
+ }
385
+ .ui[class*="bottom attached"].label {
386
+ top: auto;
387
+ bottom: 0em;
388
+ border-radius: 0em 0em 0.21428571rem 0.21428571rem;
389
+ }
390
+ .ui[class*="top left attached"].label {
391
+ width: auto;
392
+ margin-top: 0em !important;
393
+ border-radius: 0.21428571rem 0em 0.28571429rem 0em;
394
+ }
395
+ .ui[class*="top right attached"].label {
396
+ width: auto;
397
+ left: auto;
398
+ right: 0em;
399
+ border-radius: 0em 0.21428571rem 0em 0.28571429rem;
400
+ }
401
+ .ui[class*="bottom left attached"].label {
402
+ width: auto;
403
+ top: auto;
404
+ bottom: 0em;
405
+ border-radius: 0em 0.28571429rem 0em 0.21428571rem;
406
+ }
407
+ .ui[class*="bottom right attached"].label {
408
+ top: auto;
409
+ bottom: 0em;
410
+ left: auto;
411
+ right: 0em;
412
+ width: auto;
413
+ border-radius: 0.28571429rem 0em 0.21428571rem 0em;
414
+ }
415
+
416
+
417
+ /*******************************
418
+ States
419
+ *******************************/
420
+
421
+
422
+ /*-------------------
423
+ Disabled
424
+ --------------------*/
425
+
426
+ .ui.label.disabled {
427
+ opacity: 0.5;
428
+ }
429
+
430
+ /*-------------------
431
+ Hover
432
+ --------------------*/
433
+
434
+ a.ui.labels .label:hover,
435
+ a.ui.label:hover {
436
+ background-color: #E0E0E0;
437
+ border-color: #E0E0E0;
438
+ background-image: none;
439
+ color: rgba(0, 0, 0, 0.8);
440
+ }
441
+ .ui.labels a.label:hover:before,
442
+ a.ui.label:hover:before {
443
+ color: rgba(0, 0, 0, 0.8);
444
+ }
445
+
446
+ /*-------------------
447
+ Active
448
+ --------------------*/
449
+
450
+ .ui.active.label {
451
+ background-color: #D0D0D0;
452
+ border-color: #D0D0D0;
453
+ background-image: none;
454
+ color: rgba(0, 0, 0, 0.95);
455
+ }
456
+ .ui.active.label:before {
457
+ background-color: #D0D0D0;
458
+ background-image: none;
459
+ color: rgba(0, 0, 0, 0.95);
460
+ }
461
+
462
+ /*-------------------
463
+ Active Hover
464
+ --------------------*/
465
+
466
+ a.ui.labels .active.label:hover,
467
+ a.ui.active.label:hover {
468
+ background-color: #C8C8C8;
469
+ border-color: #C8C8C8;
470
+ background-image: none;
471
+ color: rgba(0, 0, 0, 0.95);
472
+ }
473
+ .ui.labels a.active.label:ActiveHover:before,
474
+ a.ui.active.label:ActiveHover:before {
475
+ background-color: #C8C8C8;
476
+ background-image: none;
477
+ color: rgba(0, 0, 0, 0.95);
478
+ }
479
+
480
+ /*-------------------
481
+ Visible
482
+ --------------------*/
483
+
484
+ .ui.labels.visible .label,
485
+ .ui.label.visible:not(.dropdown) {
486
+ display: inline-block !important;
487
+ }
488
+
489
+ /*-------------------
490
+ Hidden
491
+ --------------------*/
492
+
493
+ .ui.labels.hidden .label,
494
+ .ui.label.hidden {
495
+ display: none !important;
496
+ }
497
+
498
+
499
+ /*******************************
500
+ Variations
501
+ *******************************/
502
+
503
+
504
+ /*-------------------
505
+ Colors
506
+ --------------------*/
507
+
508
+
509
+ /*--- Red ---*/
510
+
511
+ .ui.red.labels .label,
512
+ .ui.red.label {
513
+ background-color: #DB2828 !important;
514
+ border-color: #DB2828 !important;
515
+ color: #FFFFFF !important;
516
+ }
517
+
518
+ /* Link */
519
+ .ui.red.labels .label:hover,
520
+ a.ui.red.label:hover {
521
+ background-color: #d01919 !important;
522
+ border-color: #d01919 !important;
523
+ color: #FFFFFF !important;
524
+ }
525
+
526
+ /* Corner */
527
+ .ui.red.corner.label,
528
+ .ui.red.corner.label:hover {
529
+ background-color: transparent !important;
530
+ }
531
+
532
+ /* Ribbon */
533
+ .ui.red.ribbon.label {
534
+ border-color: #b21e1e !important;
535
+ }
536
+
537
+ /* Basic */
538
+ .ui.basic.red.label {
539
+ background-color: #FFFFFF !important;
540
+ color: #DB2828 !important;
541
+ border-color: #DB2828 !important;
542
+ }
543
+ .ui.basic.red.labels a.label:hover,
544
+ a.ui.basic.red.label:hover {
545
+ background-color: #FFFFFF !important;
546
+ color: #d01919 !important;
547
+ border-color: #d01919 !important;
548
+ }
549
+
550
+ /*--- Orange ---*/
551
+
552
+ .ui.orange.labels .label,
553
+ .ui.orange.label {
554
+ background-color: #F2711C !important;
555
+ border-color: #F2711C !important;
556
+ color: #FFFFFF !important;
557
+ }
558
+
559
+ /* Link */
560
+ .ui.orange.labels .label:hover,
561
+ a.ui.orange.label:hover {
562
+ background-color: #f26202 !important;
563
+ border-color: #f26202 !important;
564
+ color: #FFFFFF !important;
565
+ }
566
+
567
+ /* Corner */
568
+ .ui.orange.corner.label,
569
+ .ui.orange.corner.label:hover {
570
+ background-color: transparent !important;
571
+ }
572
+
573
+ /* Ribbon */
574
+ .ui.orange.ribbon.label {
575
+ border-color: #cf590c !important;
576
+ }
577
+
578
+ /* Basic */
579
+ .ui.basic.orange.label {
580
+ background-color: #FFFFFF !important;
581
+ color: #F2711C !important;
582
+ border-color: #F2711C !important;
583
+ }
584
+ .ui.basic.orange.labels a.label:hover,
585
+ a.ui.basic.orange.label:hover {
586
+ background-color: #FFFFFF !important;
587
+ color: #f26202 !important;
588
+ border-color: #f26202 !important;
589
+ }
590
+
591
+ /*--- Yellow ---*/
592
+
593
+ .ui.yellow.labels .label,
594
+ .ui.yellow.label {
595
+ background-color: #FBBD08 !important;
596
+ border-color: #FBBD08 !important;
597
+ color: #FFFFFF !important;
598
+ }
599
+
600
+ /* Link */
601
+ .ui.yellow.labels .label:hover,
602
+ a.ui.yellow.label:hover {
603
+ background-color: #eaae00 !important;
604
+ border-color: #eaae00 !important;
605
+ color: #FFFFFF !important;
606
+ }
607
+
608
+ /* Corner */
609
+ .ui.yellow.corner.label,
610
+ .ui.yellow.corner.label:hover {
611
+ background-color: transparent !important;
612
+ }
613
+
614
+ /* Ribbon */
615
+ .ui.yellow.ribbon.label {
616
+ border-color: #cd9903 !important;
617
+ }
618
+
619
+ /* Basic */
620
+ .ui.basic.yellow.label {
621
+ background-color: #FFFFFF !important;
622
+ color: #FBBD08 !important;
623
+ border-color: #FBBD08 !important;
624
+ }
625
+ .ui.basic.yellow.labels a.label:hover,
626
+ a.ui.basic.yellow.label:hover {
627
+ background-color: #FFFFFF !important;
628
+ color: #eaae00 !important;
629
+ border-color: #eaae00 !important;
630
+ }
631
+
632
+ /*--- Olive ---*/
633
+
634
+ .ui.olive.labels .label,
635
+ .ui.olive.label {
636
+ background-color: #B5CC18 !important;
637
+ border-color: #B5CC18 !important;
638
+ color: #FFFFFF !important;
639
+ }
640
+
641
+ /* Link */
642
+ .ui.olive.labels .label:hover,
643
+ a.ui.olive.label:hover {
644
+ background-color: #a7bd0d !important;
645
+ border-color: #a7bd0d !important;
646
+ color: #FFFFFF !important;
647
+ }
648
+
649
+ /* Corner */
650
+ .ui.olive.corner.label,
651
+ .ui.olive.corner.label:hover {
652
+ background-color: transparent !important;
653
+ }
654
+
655
+ /* Ribbon */
656
+ .ui.olive.ribbon.label {
657
+ border-color: #198f35 !important;
658
+ }
659
+
660
+ /* Basic */
661
+ .ui.basic.olive.label {
662
+ background-color: #FFFFFF !important;
663
+ color: #B5CC18 !important;
664
+ border-color: #B5CC18 !important;
665
+ }
666
+ .ui.basic.olive.labels a.label:hover,
667
+ a.ui.basic.olive.label:hover {
668
+ background-color: #FFFFFF !important;
669
+ color: #a7bd0d !important;
670
+ border-color: #a7bd0d !important;
671
+ }
672
+
673
+ /*--- Green ---*/
674
+
675
+ .ui.green.labels .label,
676
+ .ui.green.label {
677
+ background-color: #21BA45 !important;
678
+ border-color: #21BA45 !important;
679
+ color: #FFFFFF !important;
680
+ }
681
+
682
+ /* Link */
683
+ .ui.green.labels .label:hover,
684
+ a.ui.green.label:hover {
685
+ background-color: #16ab39 !important;
686
+ border-color: #16ab39 !important;
687
+ color: #FFFFFF !important;
688
+ }
689
+
690
+ /* Corner */
691
+ .ui.green.corner.label,
692
+ .ui.green.corner.label:hover {
693
+ background-color: transparent !important;
694
+ }
695
+
696
+ /* Ribbon */
697
+ .ui.green.ribbon.label {
698
+ border-color: #198f35 !important;
699
+ }
700
+
701
+ /* Basic */
702
+ .ui.basic.green.label {
703
+ background-color: #FFFFFF !important;
704
+ color: #21BA45 !important;
705
+ border-color: #21BA45 !important;
706
+ }
707
+ .ui.basic.green.labels a.label:hover,
708
+ a.ui.basic.green.label:hover {
709
+ background-color: #FFFFFF !important;
710
+ color: #16ab39 !important;
711
+ border-color: #16ab39 !important;
712
+ }
713
+
714
+ /*--- Teal ---*/
715
+
716
+ .ui.teal.labels .label,
717
+ .ui.teal.label {
718
+ background-color: #00B5AD !important;
719
+ border-color: #00B5AD !important;
720
+ color: #FFFFFF !important;
721
+ }
722
+
723
+ /* Link */
724
+ .ui.teal.labels .label:hover,
725
+ a.ui.teal.label:hover {
726
+ background-color: #009c95 !important;
727
+ border-color: #009c95 !important;
728
+ color: #FFFFFF !important;
729
+ }
730
+
731
+ /* Corner */
732
+ .ui.teal.corner.label,
733
+ .ui.teal.corner.label:hover {
734
+ background-color: transparent !important;
735
+ }
736
+
737
+ /* Ribbon */
738
+ .ui.teal.ribbon.label {
739
+ border-color: #00827c !important;
740
+ }
741
+
742
+ /* Basic */
743
+ .ui.basic.teal.label {
744
+ background-color: #FFFFFF !important;
745
+ color: #00B5AD !important;
746
+ border-color: #00B5AD !important;
747
+ }
748
+ .ui.basic.teal.labels a.label:hover,
749
+ a.ui.basic.teal.label:hover {
750
+ background-color: #FFFFFF !important;
751
+ color: #009c95 !important;
752
+ border-color: #009c95 !important;
753
+ }
754
+
755
+ /*--- Blue ---*/
756
+
757
+ .ui.blue.labels .label,
758
+ .ui.blue.label {
759
+ background-color: #2185D0 !important;
760
+ border-color: #2185D0 !important;
761
+ color: #FFFFFF !important;
762
+ }
763
+
764
+ /* Link */
765
+ .ui.blue.labels .label:hover,
766
+ a.ui.blue.label:hover {
767
+ background-color: #1678c2 !important;
768
+ border-color: #1678c2 !important;
769
+ color: #FFFFFF !important;
770
+ }
771
+
772
+ /* Corner */
773
+ .ui.blue.corner.label,
774
+ .ui.blue.corner.label:hover {
775
+ background-color: transparent !important;
776
+ }
777
+
778
+ /* Ribbon */
779
+ .ui.blue.ribbon.label {
780
+ border-color: #1a69a4 !important;
781
+ }
782
+
783
+ /* Basic */
784
+ .ui.basic.blue.label {
785
+ background-color: #FFFFFF !important;
786
+ color: #2185D0 !important;
787
+ border-color: #2185D0 !important;
788
+ }
789
+ .ui.basic.blue.labels a.label:hover,
790
+ a.ui.basic.blue.label:hover {
791
+ background-color: #FFFFFF !important;
792
+ color: #1678c2 !important;
793
+ border-color: #1678c2 !important;
794
+ }
795
+
796
+ /*--- Violet ---*/
797
+
798
+ .ui.violet.labels .label,
799
+ .ui.violet.label {
800
+ background-color: #6435C9 !important;
801
+ border-color: #6435C9 !important;
802
+ color: #FFFFFF !important;
803
+ }
804
+
805
+ /* Link */
806
+ .ui.violet.labels .label:hover,
807
+ a.ui.violet.label:hover {
808
+ background-color: #5829bb !important;
809
+ border-color: #5829bb !important;
810
+ color: #FFFFFF !important;
811
+ }
812
+
813
+ /* Corner */
814
+ .ui.violet.corner.label,
815
+ .ui.violet.corner.label:hover {
816
+ background-color: transparent !important;
817
+ }
818
+
819
+ /* Ribbon */
820
+ .ui.violet.ribbon.label {
821
+ border-color: #502aa1 !important;
822
+ }
823
+
824
+ /* Basic */
825
+ .ui.basic.violet.label {
826
+ background-color: #FFFFFF !important;
827
+ color: #6435C9 !important;
828
+ border-color: #6435C9 !important;
829
+ }
830
+ .ui.basic.violet.labels a.label:hover,
831
+ a.ui.basic.violet.label:hover {
832
+ background-color: #FFFFFF !important;
833
+ color: #5829bb !important;
834
+ border-color: #5829bb !important;
835
+ }
836
+
837
+ /*--- Purple ---*/
838
+
839
+ .ui.purple.labels .label,
840
+ .ui.purple.label {
841
+ background-color: #A333C8 !important;
842
+ border-color: #A333C8 !important;
843
+ color: #FFFFFF !important;
844
+ }
845
+
846
+ /* Link */
847
+ .ui.purple.labels .label:hover,
848
+ a.ui.purple.label:hover {
849
+ background-color: #9627ba !important;
850
+ border-color: #9627ba !important;
851
+ color: #FFFFFF !important;
852
+ }
853
+
854
+ /* Corner */
855
+ .ui.purple.corner.label,
856
+ .ui.purple.corner.label:hover {
857
+ background-color: transparent !important;
858
+ }
859
+
860
+ /* Ribbon */
861
+ .ui.purple.ribbon.label {
862
+ border-color: #82299f !important;
863
+ }
864
+
865
+ /* Basic */
866
+ .ui.basic.purple.label {
867
+ background-color: #FFFFFF !important;
868
+ color: #A333C8 !important;
869
+ border-color: #A333C8 !important;
870
+ }
871
+ .ui.basic.purple.labels a.label:hover,
872
+ a.ui.basic.purple.label:hover {
873
+ background-color: #FFFFFF !important;
874
+ color: #9627ba !important;
875
+ border-color: #9627ba !important;
876
+ }
877
+
878
+ /*--- Pink ---*/
879
+
880
+ .ui.pink.labels .label,
881
+ .ui.pink.label {
882
+ background-color: #E03997 !important;
883
+ border-color: #E03997 !important;
884
+ color: #FFFFFF !important;
885
+ }
886
+
887
+ /* Link */
888
+ .ui.pink.labels .label:hover,
889
+ a.ui.pink.label:hover {
890
+ background-color: #e61a8d !important;
891
+ border-color: #e61a8d !important;
892
+ color: #FFFFFF !important;
893
+ }
894
+
895
+ /* Corner */
896
+ .ui.pink.corner.label,
897
+ .ui.pink.corner.label:hover {
898
+ background-color: transparent !important;
899
+ }
900
+
901
+ /* Ribbon */
902
+ .ui.pink.ribbon.label {
903
+ border-color: #c71f7e !important;
904
+ }
905
+
906
+ /* Basic */
907
+ .ui.basic.pink.label {
908
+ background-color: #FFFFFF !important;
909
+ color: #E03997 !important;
910
+ border-color: #E03997 !important;
911
+ }
912
+ .ui.basic.pink.labels a.label:hover,
913
+ a.ui.basic.pink.label:hover {
914
+ background-color: #FFFFFF !important;
915
+ color: #e61a8d !important;
916
+ border-color: #e61a8d !important;
917
+ }
918
+
919
+ /*--- Brown ---*/
920
+
921
+ .ui.brown.labels .label,
922
+ .ui.brown.label {
923
+ background-color: #A5673F !important;
924
+ border-color: #A5673F !important;
925
+ color: #FFFFFF !important;
926
+ }
927
+
928
+ /* Link */
929
+ .ui.brown.labels .label:hover,
930
+ a.ui.brown.label:hover {
931
+ background-color: #975b33 !important;
932
+ border-color: #975b33 !important;
933
+ color: #FFFFFF !important;
934
+ }
935
+
936
+ /* Corner */
937
+ .ui.brown.corner.label,
938
+ .ui.brown.corner.label:hover {
939
+ background-color: transparent !important;
940
+ }
941
+
942
+ /* Ribbon */
943
+ .ui.brown.ribbon.label {
944
+ border-color: #805031 !important;
945
+ }
946
+
947
+ /* Basic */
948
+ .ui.basic.brown.label {
949
+ background-color: #FFFFFF !important;
950
+ color: #A5673F !important;
951
+ border-color: #A5673F !important;
952
+ }
953
+ .ui.basic.brown.labels a.label:hover,
954
+ a.ui.basic.brown.label:hover {
955
+ background-color: #FFFFFF !important;
956
+ color: #975b33 !important;
957
+ border-color: #975b33 !important;
958
+ }
959
+
960
+ /*--- Grey ---*/
961
+
962
+ .ui.grey.labels .label,
963
+ .ui.grey.label {
964
+ background-color: #767676 !important;
965
+ border-color: #767676 !important;
966
+ color: #FFFFFF !important;
967
+ }
968
+
969
+ /* Link */
970
+ .ui.grey.labels .label:hover,
971
+ a.ui.grey.label:hover {
972
+ background-color: #838383 !important;
973
+ border-color: #838383 !important;
974
+ color: #FFFFFF !important;
975
+ }
976
+
977
+ /* Corner */
978
+ .ui.grey.corner.label,
979
+ .ui.grey.corner.label:hover {
980
+ background-color: transparent !important;
981
+ }
982
+
983
+ /* Ribbon */
984
+ .ui.grey.ribbon.label {
985
+ border-color: #805031 !important;
986
+ }
987
+
988
+ /* Basic */
989
+ .ui.basic.grey.label {
990
+ background-color: #FFFFFF !important;
991
+ color: #767676 !important;
992
+ border-color: #767676 !important;
993
+ }
994
+ .ui.basic.grey.labels a.label:hover,
995
+ a.ui.basic.grey.label:hover {
996
+ background-color: #FFFFFF !important;
997
+ color: #838383 !important;
998
+ border-color: #838383 !important;
999
+ }
1000
+
1001
+ /*--- Black ---*/
1002
+
1003
+ .ui.black.labels .label,
1004
+ .ui.black.label {
1005
+ background-color: #1B1C1D !important;
1006
+ border-color: #1B1C1D !important;
1007
+ color: #FFFFFF !important;
1008
+ }
1009
+
1010
+ /* Link */
1011
+ .ui.black.labels .label:hover,
1012
+ a.ui.black.label:hover {
1013
+ background-color: #27292a !important;
1014
+ border-color: #27292a !important;
1015
+ color: #FFFFFF !important;
1016
+ }
1017
+
1018
+ /* Corner */
1019
+ .ui.black.corner.label,
1020
+ .ui.black.corner.label:hover {
1021
+ background-color: transparent !important;
1022
+ }
1023
+
1024
+ /* Ribbon */
1025
+ .ui.black.ribbon.label {
1026
+ border-color: #805031 !important;
1027
+ }
1028
+
1029
+ /* Basic */
1030
+ .ui.basic.black.label {
1031
+ background-color: #FFFFFF !important;
1032
+ color: #1B1C1D !important;
1033
+ border-color: #1B1C1D !important;
1034
+ }
1035
+ .ui.basic.black.labels a.label:hover,
1036
+ a.ui.basic.black.label:hover {
1037
+ background-color: #FFFFFF !important;
1038
+ color: #27292a !important;
1039
+ border-color: #27292a !important;
1040
+ }
1041
+
1042
+ /*-------------------
1043
+ Basic
1044
+ --------------------*/
1045
+
1046
+ .ui.basic.label {
1047
+ background: none #FFFFFF;
1048
+ border: 1px solid rgba(34, 36, 38, 0.15);
1049
+ color: rgba(0, 0, 0, 0.87);
1050
+ box-shadow: none;
1051
+ }
1052
+
1053
+ /* Link */
1054
+ a.ui.basic.label:hover {
1055
+ text-decoration: none;
1056
+ background: none #FFFFFF;
1057
+ color: #1e70bf;
1058
+ box-shadow: 1px solid rgba(34, 36, 38, 0.15);
1059
+ box-shadow: none;
1060
+ }
1061
+
1062
+ /* Pointing */
1063
+ .ui.basic.pointing.label:before {
1064
+ border-color: inherit;
1065
+ }
1066
+
1067
+ /*-------------------
1068
+ Fluid
1069
+ --------------------*/
1070
+
1071
+ .ui.label.fluid,
1072
+ .ui.fluid.labels > .label {
1073
+ width: 100%;
1074
+ box-sizing: border-box;
1075
+ }
1076
+
1077
+ /*-------------------
1078
+ Inverted
1079
+ --------------------*/
1080
+
1081
+ .ui.inverted.labels .label,
1082
+ .ui.inverted.label {
1083
+ color: rgba(255, 255, 255, 0.9) !important;
1084
+ }
1085
+
1086
+ /*-------------------
1087
+ Horizontal
1088
+ --------------------*/
1089
+
1090
+ .ui.horizontal.labels .label,
1091
+ .ui.horizontal.label {
1092
+ margin: 0em 0.5em 0em 0em;
1093
+ padding: 0.4em 0.833em;
1094
+ min-width: 3em;
1095
+ text-align: center;
1096
+ }
1097
+
1098
+ /*-------------------
1099
+ Circular
1100
+ --------------------*/
1101
+
1102
+ .ui.circular.labels .label,
1103
+ .ui.circular.label {
1104
+ min-width: 2em;
1105
+ min-height: 2em;
1106
+ padding: 0.5em !important;
1107
+ line-height: 1em;
1108
+ text-align: center;
1109
+ border-radius: 500rem;
1110
+ }
1111
+ .ui.empty.circular.labels .label,
1112
+ .ui.empty.circular.label {
1113
+ min-width: 0em;
1114
+ min-height: 0em;
1115
+ overflow: hidden;
1116
+ width: 0.5em;
1117
+ height: 0.5em;
1118
+ vertical-align: baseline;
1119
+ }
1120
+
1121
+ /*-------------------
1122
+ Pointing
1123
+ --------------------*/
1124
+
1125
+ .ui.pointing.label {
1126
+ position: relative;
1127
+ }
1128
+ .ui.attached.pointing.label {
1129
+ position: absolute;
1130
+ }
1131
+ .ui.pointing.label:before {
1132
+ background-color: inherit;
1133
+ background-image: inherit;
1134
+ border-width: none;
1135
+ border-style: solid;
1136
+ border-color: inherit;
1137
+ }
1138
+
1139
+ /* Arrow */
1140
+ .ui.pointing.label:before {
1141
+ position: absolute;
1142
+ content: '';
1143
+ -webkit-transform: rotate(45deg);
1144
+ -ms-transform: rotate(45deg);
1145
+ transform: rotate(45deg);
1146
+ background-image: none;
1147
+ z-index: 2;
1148
+ width: 0.6666em;
1149
+ height: 0.6666em;
1150
+ -webkit-transition: background 0.1s ease;
1151
+ transition: background 0.1s ease;
1152
+ }
1153
+
1154
+ /*--- Above ---*/
1155
+
1156
+ .ui.pointing.label,
1157
+ .ui[class*="pointing above"].label {
1158
+ margin-top: 1em;
1159
+ }
1160
+ .ui.pointing.label:before,
1161
+ .ui[class*="pointing above"].label:before {
1162
+ border-width: 1px 0px 0px 1px;
1163
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1164
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1165
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
1166
+ top: 0%;
1167
+ left: 50%;
1168
+ }
1169
+
1170
+ /*--- Below ---*/
1171
+
1172
+ .ui[class*="bottom pointing"].label,
1173
+ .ui[class*="pointing below"].label {
1174
+ margin-top: 0em;
1175
+ margin-bottom: 1em;
1176
+ }
1177
+ .ui[class*="bottom pointing"].label:before,
1178
+ .ui[class*="pointing below"].label:before {
1179
+ border-width: 0px 1px 1px 0px;
1180
+ top: auto;
1181
+ right: auto;
1182
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1183
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1184
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
1185
+ top: 100%;
1186
+ left: 50%;
1187
+ }
1188
+
1189
+ /*--- Left ---*/
1190
+
1191
+ .ui[class*="left pointing"].label {
1192
+ margin-top: 0em;
1193
+ margin-left: 0.6666em;
1194
+ }
1195
+ .ui[class*="left pointing"].label:before {
1196
+ border-width: 0px 0px 1px 1px;
1197
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1198
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1199
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
1200
+ bottom: auto;
1201
+ right: auto;
1202
+ top: 50%;
1203
+ left: 0em;
1204
+ }
1205
+
1206
+ /*--- Right ---*/
1207
+
1208
+ .ui[class*="right pointing"].label {
1209
+ margin-top: 0em;
1210
+ margin-right: 0.6666em;
1211
+ }
1212
+ .ui[class*="right pointing"].label:before {
1213
+ border-width: 1px 1px 0px 0px;
1214
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
1215
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
1216
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
1217
+ top: 50%;
1218
+ right: 0%;
1219
+ bottom: auto;
1220
+ left: auto;
1221
+ }
1222
+
1223
+ /* Basic Pointing */
1224
+
1225
+ /*--- Above ---*/
1226
+
1227
+ .ui.basic.pointing.label:before,
1228
+ .ui.basic[class*="pointing above"].label:before {
1229
+ margin-top: -1px;
1230
+ }
1231
+
1232
+ /*--- Below ---*/
1233
+
1234
+ .ui.basic[class*="bottom pointing"].label:before,
1235
+ .ui.basic[class*="pointing below"].label:before {
1236
+ bottom: auto;
1237
+ top: 100%;
1238
+ margin-top: 1px;
1239
+ }
1240
+
1241
+ /*--- Left ---*/
1242
+
1243
+ .ui.basic[class*="left pointing"].label:before {
1244
+ top: 50%;
1245
+ left: -1px;
1246
+ }
1247
+
1248
+ /*--- Right ---*/
1249
+
1250
+ .ui.basic[class*="right pointing"].label:before {
1251
+ top: 50%;
1252
+ right: -1px;
1253
+ }
1254
+
1255
+ /*------------------
1256
+ Floating Label
1257
+ -------------------*/
1258
+
1259
+ .ui.floating.label {
1260
+ position: absolute;
1261
+ z-index: 100;
1262
+ top: -1em;
1263
+ left: 100%;
1264
+ margin: 0em 0em 0em -1.5em !important;
1265
+ }
1266
+
1267
+ /*-------------------
1268
+ Sizes
1269
+ --------------------*/
1270
+
1271
+ .ui.mini.labels .label,
1272
+ .ui.mini.label {
1273
+ font-size: 0.64285714rem;
1274
+ }
1275
+ .ui.tiny.labels .label,
1276
+ .ui.tiny.label {
1277
+ font-size: 0.71428571rem;
1278
+ }
1279
+ .ui.small.labels .label,
1280
+ .ui.small.label {
1281
+ font-size: 0.78571429rem;
1282
+ }
1283
+ .ui.labels .label,
1284
+ .ui.label {
1285
+ font-size: 0.85714286rem;
1286
+ }
1287
+ .ui.large.labels .label,
1288
+ .ui.large.label {
1289
+ font-size: 1rem;
1290
+ }
1291
+ .ui.big.labels .label,
1292
+ .ui.big.label {
1293
+ font-size: 1.28571429rem;
1294
+ }
1295
+ .ui.huge.labels .label,
1296
+ .ui.huge.label {
1297
+ font-size: 1.42857143rem;
1298
+ }
1299
+ .ui.massive.labels .label,
1300
+ .ui.massive.label {
1301
+ font-size: 1.71428571rem;
1302
+ }
1303
+
1304
+
1305
+ /*******************************
1306
+ Theme Overrides
1307
+ *******************************/
1308
+
1309
+
1310
+
1311
+ /*******************************
1312
+ Site Overrides
1313
+ *******************************/
1314
+