fomantic-ui-sass 2.9.2 → 2.9.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/Gemfile +2 -0
  4. data/Rakefile +2 -0
  5. data/app/assets/javascripts/semantic-ui/accordion.js +1 -5
  6. data/app/assets/javascripts/semantic-ui/api.js +22 -15
  7. data/app/assets/javascripts/semantic-ui/calendar.js +1 -6
  8. data/app/assets/javascripts/semantic-ui/checkbox.js +4 -6
  9. data/app/assets/javascripts/semantic-ui/dimmer.js +1 -5
  10. data/app/assets/javascripts/semantic-ui/dropdown.js +56 -33
  11. data/app/assets/javascripts/semantic-ui/embed.js +1 -6
  12. data/app/assets/javascripts/semantic-ui/flyout.js +40 -58
  13. data/app/assets/javascripts/semantic-ui/form.js +102 -53
  14. data/app/assets/javascripts/semantic-ui/modal.js +45 -33
  15. data/app/assets/javascripts/semantic-ui/nag.js +17 -9
  16. data/app/assets/javascripts/semantic-ui/popup.js +27 -19
  17. data/app/assets/javascripts/semantic-ui/progress.js +1 -6
  18. data/app/assets/javascripts/semantic-ui/rating.js +1 -5
  19. data/app/assets/javascripts/semantic-ui/search.js +4 -7
  20. data/app/assets/javascripts/semantic-ui/shape.js +1 -5
  21. data/app/assets/javascripts/semantic-ui/sidebar.js +15 -38
  22. data/app/assets/javascripts/semantic-ui/site.js +1 -1
  23. data/app/assets/javascripts/semantic-ui/slider.js +130 -34
  24. data/app/assets/javascripts/semantic-ui/state.js +23 -20
  25. data/app/assets/javascripts/semantic-ui/sticky.js +17 -16
  26. data/app/assets/javascripts/semantic-ui/tab.js +18 -8
  27. data/app/assets/javascripts/semantic-ui/toast.js +17 -9
  28. data/app/assets/javascripts/semantic-ui/transition.js +2 -6
  29. data/app/assets/javascripts/semantic-ui/visibility.js +15 -6
  30. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +53 -20
  32. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +107 -107
  33. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +13 -7
  34. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  35. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +65 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +2 -2
  37. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +62 -1
  38. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +697 -249
  40. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -2
  41. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  42. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +62 -62
  43. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +3 -27
  45. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +21 -2
  46. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +13 -13
  47. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +282 -282
  48. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  50. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +161 -34
  52. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  57. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +145 -8
  58. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +50 -6
  59. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  60. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +119 -26
  61. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  62. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +10 -3
  64. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  65. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +41 -40
  66. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  67. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  68. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +26 -1
  69. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  70. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  71. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +1 -1
  72. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  73. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  74. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +6 -1
  75. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  76. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  77. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  78. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -1
  79. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +486 -5
  80. data/app/assets/stylesheets/semantic-ui/views/_item.scss +6 -1
  81. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  82. data/app/helpers/semantic_breadcrumbs_helper.rb +2 -0
  83. data/app/helpers/semantic_flash_helper.rb +2 -0
  84. data/app/helpers/semantic_icon_helper.rb +2 -0
  85. data/fomantic-ui-sass.gemspec +4 -2
  86. data/gemfiles/rails_5.0.gemfile +2 -0
  87. data/gemfiles/rails_5.1.gemfile +2 -0
  88. data/gemfiles/rails_5.2.gemfile +2 -0
  89. data/lib/fomantic/ui/sass/breadcrumbs.rb +2 -0
  90. data/lib/fomantic/ui/sass/engine.rb +5 -3
  91. data/lib/fomantic/ui/sass/version.rb +4 -2
  92. data/lib/fomantic-ui-sass.rb +2 -6
  93. data/spec/dummy/Rakefile +2 -0
  94. data/spec/dummy/app/controllers/application_controller.rb +2 -0
  95. data/spec/dummy/app/helpers/application_helper.rb +2 -0
  96. data/spec/dummy/bin/bundle +2 -0
  97. data/spec/dummy/bin/rails +2 -0
  98. data/spec/dummy/bin/rake +2 -0
  99. data/spec/dummy/config/application.rb +3 -1
  100. data/spec/dummy/config/boot.rb +2 -0
  101. data/spec/dummy/config/environment.rb +2 -0
  102. data/spec/dummy/config/environments/development.rb +3 -1
  103. data/spec/dummy/config/environments/production.rb +2 -0
  104. data/spec/dummy/config/environments/test.rb +3 -1
  105. data/spec/dummy/config/initializers/backtrace_silencers.rb +2 -0
  106. data/spec/dummy/config/initializers/filter_parameter_logging.rb +2 -0
  107. data/spec/dummy/config/initializers/inflections.rb +2 -0
  108. data/spec/dummy/config/initializers/mime_types.rb +2 -0
  109. data/spec/dummy/config/initializers/secret_token.rb +2 -0
  110. data/spec/dummy/config/initializers/session_store.rb +2 -0
  111. data/spec/dummy/config/initializers/wrap_parameters.rb +2 -0
  112. data/spec/dummy/config/routes.rb +2 -0
  113. data/spec/dummy/config.ru +3 -1
  114. data/spec/helpers/semantic_breadcrumbs_helper_spec.rb +2 -0
  115. data/spec/helpers/semantic_flash_helper_spec.rb +2 -0
  116. data/spec/helpers/semantic_icon_helper_spec.rb +2 -0
  117. data/spec/spec_helper.rb +2 -0
  118. data/tasks/converter.rb +9 -19
  119. data/templates/project/manifest.rb +2 -0
  120. metadata +12 -26
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Feed
2
+ * # Fomantic-UI 2.9.3 - Feed
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -37,10 +37,11 @@
37
37
  padding: 0.21428571rem 0;
38
38
  margin: 0;
39
39
  background: none;
40
+ }
41
+ .ui.feed > .event:not(:first-child) {
40
42
  border-top: none;
41
43
  }
42
- .ui.feed > .event:first-child {
43
- border-top: 0;
44
+ .ui.feed:not(.connected) > .event:first-child {
44
45
  padding-top: 0;
45
46
  }
46
47
  .ui.feed > .event:last-child {
@@ -63,7 +64,7 @@
63
64
  padding: 0.25em;
64
65
  background: none;
65
66
  border: none;
66
- border-radius: none;
67
+ border-radius: 0;
67
68
  color: rgba(0, 0, 0, 0.6);
68
69
  }
69
70
  .ui.feed > .event > .label img {
@@ -71,6 +72,25 @@
71
72
  height: auto;
72
73
  border-radius: 500rem;
73
74
  }
75
+ .ui.feed > .event > .label > .text {
76
+ display: block;
77
+ text-align: center;
78
+ margin-top: 0.5em;
79
+ }
80
+ .ui.feed > .event > .label > .text.ui {
81
+ margin-top: 0.65em;
82
+ }
83
+ .ui.feed > .event > .label > .text.multiline {
84
+ margin-top: 0;
85
+ }
86
+ .ui.feed > .event > .label > .text.multiline.ui {
87
+ margin-top: 0.3em;
88
+ }
89
+ .ui.feed > .event > .label > .ui.label {
90
+ margin-top: 0.4em;
91
+ position: relative;
92
+ z-index: 1;
93
+ }
74
94
  .ui.feed > .event > .label + .content {
75
95
  margin: 0.5em 0 0.35714286em 1.14285714em;
76
96
  }
@@ -135,7 +155,6 @@
135
155
  /* Date inside Summary */
136
156
  .ui.feed > .event > .content .summary > .date {
137
157
  display: inline-block;
138
- float: none;
139
158
  font-weight: normal;
140
159
  font-size: 0.85714286em;
141
160
  font-style: normal;
@@ -143,6 +162,9 @@
143
162
  padding: 0;
144
163
  color: rgba(0, 0, 0, 0.4);
145
164
  }
165
+ .ui.feed > .event > .content .summary > .date:not(.floated) {
166
+ float: none;
167
+ }
146
168
 
147
169
  /* --------------
148
170
  User
@@ -251,6 +273,82 @@
251
273
  Variations
252
274
  *******************************/
253
275
 
276
+
277
+ /* rtl:rename */
278
+ .ui.feed .right.floated {
279
+ float: right;
280
+ }
281
+ .ui.connected.feed > .event {
282
+ position: relative;
283
+ }
284
+ .ui.connected.feed > .event:not(:last-child)::before {
285
+ border-left: 2px solid rgba(34, 36, 38, 0.15);
286
+ content: "";
287
+ left: 1.2em;
288
+ position: absolute;
289
+ top: 2.1em;
290
+ height: calc(100% - 1.5em);
291
+ }
292
+ .ui.connected.feed > .event > .label {
293
+ position: relative;
294
+ }
295
+ .ui.inverted.connected.feed > .event::before {
296
+ border-left-color: rgba(255, 255, 255, 0.1);
297
+ }
298
+ .ui.divided.feed > .event:not(:first-child) {
299
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
300
+ }
301
+ .ui.inverted.divided.feed > .event {
302
+ border-top-color: rgba(255, 255, 255, 0.1);
303
+ }
304
+ .ui.ui.feed > .event > .label[data-text]::before {
305
+ content: attr(data-text);
306
+ }
307
+ .ui.feed > .event > .label[data-text]::before,
308
+ .ui.ordered.feed > .event > .label::before {
309
+ text-align: center;
310
+ line-height: 1;
311
+ height: 2.5em;
312
+ background: #bbbbbb;
313
+ color: #fff;
314
+ border-radius: 50%;
315
+ padding-top: 0.6em;
316
+ position: relative;
317
+ display: block;
318
+ margin-bottom: 0.3em;
319
+ border: 2px solid transparent;
320
+ }
321
+ .ui.ordered.feed {
322
+ counter-reset: ordered;
323
+ }
324
+ .ui.ordered.feed > .event > .label::before {
325
+ counter-increment: ordered;
326
+ content: counter(ordered);
327
+ }
328
+ .ui.ordered.basic.feed > .event > .label::before,
329
+ .ui.ordered.feed > .event > .basic.label::before {
330
+ border-color: #bbbbbb;
331
+ color: inherit;
332
+ background: transparent;
333
+ }
334
+ .ui.ordered.connected.feed > .event::before {
335
+ top: 2.7em;
336
+ height: calc(100% - 2.5em);
337
+ }
338
+
339
+ /* workaround until all browsers support :has() */
340
+ .ui.connected.labeled.feed > .event::before,
341
+ .ui.connected.feed > .labeled.event::before {
342
+ top: 4.85em;
343
+ height: calc(100% - 4.6499999999999995em);
344
+ }
345
+ @supports selector(:has(.f)) {
346
+ .ui.connected.feed > .event:has(> .label[data-text] > *)::before,
347
+ .ui.ordered.connected.feed > .event:has(> .label > *)::before {
348
+ top: 4.85em;
349
+ height: calc(100% - 4.6499999999999995em);
350
+ }
351
+ }
254
352
  .ui.feed {
255
353
  font-size: 1rem;
256
354
  }
@@ -282,6 +380,12 @@
282
380
  .ui.inverted.feed > .event {
283
381
  background: #1b1c1d;
284
382
  }
383
+ .ui.inverted.feed > .event > .label i.icon {
384
+ color: rgba(255, 255, 255, 0.7);
385
+ }
386
+ .ui.inverted.feed > .event > .label .text:not(.ui) {
387
+ color: #fff;
388
+ }
285
389
  .ui.inverted.feed > .event > .content .date,
286
390
  .ui.inverted.feed > .event > .content .meta .like {
287
391
  color: rgba(255, 255, 255, 0.7);
@@ -293,6 +397,383 @@
293
397
  .ui.inverted.feed > .event > .content .meta .like:hover {
294
398
  color: #ffffff;
295
399
  }
400
+ .ui.inverted.feed > .event > .content .meta .active.like i.icon {
401
+ color: rgba(255, 255, 255, 0.7);
402
+ }
403
+
404
+ /* --------------
405
+ Colors
406
+ --------------- */
407
+ .ui.ui.feed > .event > .primary.label::before,
408
+ .ui.primary.feed > .event > .label::before {
409
+ background: #2185d0;
410
+ }
411
+ .ui.primary.connected.feed > .event::before,
412
+ .ui.connected.feed > .primary.event::before {
413
+ border-color: #2185d0;
414
+ }
415
+ .ui.inverted.primary.connected.feed > .event::before,
416
+ .ui.connected.feed > .inverted.primary.event::before {
417
+ border-color: #54c8ff;
418
+ }
419
+ .ui.ui.feed > .event > .primary.basic.label::before,
420
+ .ui.primary.basic.feed > .event > .label::before {
421
+ color: #2185d0;
422
+ }
423
+ .ui.feed > .event > .inverted.primary.label::before,
424
+ .ui.inverted.primary.feed > .event > .label::before {
425
+ background: #54c8ff;
426
+ }
427
+ .ui.feed > .event > .inverted.primary.basic.label::before,
428
+ .ui.inverted.primary.basic.feed > .event > .label::before {
429
+ color: #54c8ff;
430
+ }
431
+ .ui.ui.feed > .event > .secondary.label::before,
432
+ .ui.secondary.feed > .event > .label::before {
433
+ background: #1b1c1d;
434
+ }
435
+ .ui.secondary.connected.feed > .event::before,
436
+ .ui.connected.feed > .secondary.event::before {
437
+ border-color: #1b1c1d;
438
+ }
439
+ .ui.inverted.secondary.connected.feed > .event::before,
440
+ .ui.connected.feed > .inverted.secondary.event::before {
441
+ border-color: #545454;
442
+ }
443
+ .ui.ui.feed > .event > .secondary.basic.label::before,
444
+ .ui.secondary.basic.feed > .event > .label::before {
445
+ color: #1b1c1d;
446
+ }
447
+ .ui.feed > .event > .inverted.secondary.label::before,
448
+ .ui.inverted.secondary.feed > .event > .label::before {
449
+ background: #545454;
450
+ }
451
+ .ui.feed > .event > .inverted.secondary.basic.label::before,
452
+ .ui.inverted.secondary.basic.feed > .event > .label::before {
453
+ color: #545454;
454
+ }
455
+ .ui.ui.feed > .event > .red.label::before,
456
+ .ui.red.feed > .event > .label::before {
457
+ background: #db2828;
458
+ }
459
+ .ui.red.connected.feed > .event::before,
460
+ .ui.connected.feed > .red.event::before {
461
+ border-color: #db2828;
462
+ }
463
+ .ui.inverted.red.connected.feed > .event::before,
464
+ .ui.connected.feed > .inverted.red.event::before {
465
+ border-color: #ff695e;
466
+ }
467
+ .ui.ui.feed > .event > .red.basic.label::before,
468
+ .ui.red.basic.feed > .event > .label::before {
469
+ color: #db2828;
470
+ }
471
+ .ui.feed > .event > .inverted.red.label::before,
472
+ .ui.inverted.red.feed > .event > .label::before {
473
+ background: #ff695e;
474
+ }
475
+ .ui.feed > .event > .inverted.red.basic.label::before,
476
+ .ui.inverted.red.basic.feed > .event > .label::before {
477
+ color: #ff695e;
478
+ }
479
+ .ui.ui.feed > .event > .orange.label::before,
480
+ .ui.orange.feed > .event > .label::before {
481
+ background: #f2711c;
482
+ }
483
+ .ui.orange.connected.feed > .event::before,
484
+ .ui.connected.feed > .orange.event::before {
485
+ border-color: #f2711c;
486
+ }
487
+ .ui.inverted.orange.connected.feed > .event::before,
488
+ .ui.connected.feed > .inverted.orange.event::before {
489
+ border-color: #ff851b;
490
+ }
491
+ .ui.ui.feed > .event > .orange.basic.label::before,
492
+ .ui.orange.basic.feed > .event > .label::before {
493
+ color: #f2711c;
494
+ }
495
+ .ui.feed > .event > .inverted.orange.label::before,
496
+ .ui.inverted.orange.feed > .event > .label::before {
497
+ background: #ff851b;
498
+ }
499
+ .ui.feed > .event > .inverted.orange.basic.label::before,
500
+ .ui.inverted.orange.basic.feed > .event > .label::before {
501
+ color: #ff851b;
502
+ }
503
+ .ui.ui.feed > .event > .yellow.label::before,
504
+ .ui.yellow.feed > .event > .label::before {
505
+ background: #fbbd08;
506
+ }
507
+ .ui.yellow.connected.feed > .event::before,
508
+ .ui.connected.feed > .yellow.event::before {
509
+ border-color: #fbbd08;
510
+ }
511
+ .ui.inverted.yellow.connected.feed > .event::before,
512
+ .ui.connected.feed > .inverted.yellow.event::before {
513
+ border-color: #ffe21f;
514
+ }
515
+ .ui.ui.feed > .event > .yellow.basic.label::before,
516
+ .ui.yellow.basic.feed > .event > .label::before {
517
+ color: #fbbd08;
518
+ }
519
+ .ui.feed > .event > .inverted.yellow.label::before,
520
+ .ui.inverted.yellow.feed > .event > .label::before {
521
+ background: #ffe21f;
522
+ }
523
+ .ui.feed > .event > .inverted.yellow.basic.label::before,
524
+ .ui.inverted.yellow.basic.feed > .event > .label::before {
525
+ color: #ffe21f;
526
+ }
527
+ .ui.ui.feed > .event > .olive.label::before,
528
+ .ui.olive.feed > .event > .label::before {
529
+ background: #b5cc18;
530
+ }
531
+ .ui.olive.connected.feed > .event::before,
532
+ .ui.connected.feed > .olive.event::before {
533
+ border-color: #b5cc18;
534
+ }
535
+ .ui.inverted.olive.connected.feed > .event::before,
536
+ .ui.connected.feed > .inverted.olive.event::before {
537
+ border-color: #d9e778;
538
+ }
539
+ .ui.ui.feed > .event > .olive.basic.label::before,
540
+ .ui.olive.basic.feed > .event > .label::before {
541
+ color: #b5cc18;
542
+ }
543
+ .ui.feed > .event > .inverted.olive.label::before,
544
+ .ui.inverted.olive.feed > .event > .label::before {
545
+ background: #d9e778;
546
+ }
547
+ .ui.feed > .event > .inverted.olive.basic.label::before,
548
+ .ui.inverted.olive.basic.feed > .event > .label::before {
549
+ color: #d9e778;
550
+ }
551
+ .ui.ui.feed > .event > .green.label::before,
552
+ .ui.green.feed > .event > .label::before {
553
+ background: #21ba45;
554
+ }
555
+ .ui.green.connected.feed > .event::before,
556
+ .ui.connected.feed > .green.event::before {
557
+ border-color: #21ba45;
558
+ }
559
+ .ui.inverted.green.connected.feed > .event::before,
560
+ .ui.connected.feed > .inverted.green.event::before {
561
+ border-color: #2ecc40;
562
+ }
563
+ .ui.ui.feed > .event > .green.basic.label::before,
564
+ .ui.green.basic.feed > .event > .label::before {
565
+ color: #21ba45;
566
+ }
567
+ .ui.feed > .event > .inverted.green.label::before,
568
+ .ui.inverted.green.feed > .event > .label::before {
569
+ background: #2ecc40;
570
+ }
571
+ .ui.feed > .event > .inverted.green.basic.label::before,
572
+ .ui.inverted.green.basic.feed > .event > .label::before {
573
+ color: #2ecc40;
574
+ }
575
+ .ui.ui.feed > .event > .teal.label::before,
576
+ .ui.teal.feed > .event > .label::before {
577
+ background: #00b5ad;
578
+ }
579
+ .ui.teal.connected.feed > .event::before,
580
+ .ui.connected.feed > .teal.event::before {
581
+ border-color: #00b5ad;
582
+ }
583
+ .ui.inverted.teal.connected.feed > .event::before,
584
+ .ui.connected.feed > .inverted.teal.event::before {
585
+ border-color: #6dffff;
586
+ }
587
+ .ui.ui.feed > .event > .teal.basic.label::before,
588
+ .ui.teal.basic.feed > .event > .label::before {
589
+ color: #00b5ad;
590
+ }
591
+ .ui.feed > .event > .inverted.teal.label::before,
592
+ .ui.inverted.teal.feed > .event > .label::before {
593
+ background: #6dffff;
594
+ }
595
+ .ui.feed > .event > .inverted.teal.basic.label::before,
596
+ .ui.inverted.teal.basic.feed > .event > .label::before {
597
+ color: #6dffff;
598
+ }
599
+ .ui.ui.feed > .event > .blue.label::before,
600
+ .ui.blue.feed > .event > .label::before {
601
+ background: #2185d0;
602
+ }
603
+ .ui.blue.connected.feed > .event::before,
604
+ .ui.connected.feed > .blue.event::before {
605
+ border-color: #2185d0;
606
+ }
607
+ .ui.inverted.blue.connected.feed > .event::before,
608
+ .ui.connected.feed > .inverted.blue.event::before {
609
+ border-color: #54c8ff;
610
+ }
611
+ .ui.ui.feed > .event > .blue.basic.label::before,
612
+ .ui.blue.basic.feed > .event > .label::before {
613
+ color: #2185d0;
614
+ }
615
+ .ui.feed > .event > .inverted.blue.label::before,
616
+ .ui.inverted.blue.feed > .event > .label::before {
617
+ background: #54c8ff;
618
+ }
619
+ .ui.feed > .event > .inverted.blue.basic.label::before,
620
+ .ui.inverted.blue.basic.feed > .event > .label::before {
621
+ color: #54c8ff;
622
+ }
623
+ .ui.ui.feed > .event > .violet.label::before,
624
+ .ui.violet.feed > .event > .label::before {
625
+ background: #6435c9;
626
+ }
627
+ .ui.violet.connected.feed > .event::before,
628
+ .ui.connected.feed > .violet.event::before {
629
+ border-color: #6435c9;
630
+ }
631
+ .ui.inverted.violet.connected.feed > .event::before,
632
+ .ui.connected.feed > .inverted.violet.event::before {
633
+ border-color: #a291fb;
634
+ }
635
+ .ui.ui.feed > .event > .violet.basic.label::before,
636
+ .ui.violet.basic.feed > .event > .label::before {
637
+ color: #6435c9;
638
+ }
639
+ .ui.feed > .event > .inverted.violet.label::before,
640
+ .ui.inverted.violet.feed > .event > .label::before {
641
+ background: #a291fb;
642
+ }
643
+ .ui.feed > .event > .inverted.violet.basic.label::before,
644
+ .ui.inverted.violet.basic.feed > .event > .label::before {
645
+ color: #a291fb;
646
+ }
647
+ .ui.ui.feed > .event > .purple.label::before,
648
+ .ui.purple.feed > .event > .label::before {
649
+ background: #a333c8;
650
+ }
651
+ .ui.purple.connected.feed > .event::before,
652
+ .ui.connected.feed > .purple.event::before {
653
+ border-color: #a333c8;
654
+ }
655
+ .ui.inverted.purple.connected.feed > .event::before,
656
+ .ui.connected.feed > .inverted.purple.event::before {
657
+ border-color: #dc73ff;
658
+ }
659
+ .ui.ui.feed > .event > .purple.basic.label::before,
660
+ .ui.purple.basic.feed > .event > .label::before {
661
+ color: #a333c8;
662
+ }
663
+ .ui.feed > .event > .inverted.purple.label::before,
664
+ .ui.inverted.purple.feed > .event > .label::before {
665
+ background: #dc73ff;
666
+ }
667
+ .ui.feed > .event > .inverted.purple.basic.label::before,
668
+ .ui.inverted.purple.basic.feed > .event > .label::before {
669
+ color: #dc73ff;
670
+ }
671
+ .ui.ui.feed > .event > .pink.label::before,
672
+ .ui.pink.feed > .event > .label::before {
673
+ background: #e03997;
674
+ }
675
+ .ui.pink.connected.feed > .event::before,
676
+ .ui.connected.feed > .pink.event::before {
677
+ border-color: #e03997;
678
+ }
679
+ .ui.inverted.pink.connected.feed > .event::before,
680
+ .ui.connected.feed > .inverted.pink.event::before {
681
+ border-color: #ff8edf;
682
+ }
683
+ .ui.ui.feed > .event > .pink.basic.label::before,
684
+ .ui.pink.basic.feed > .event > .label::before {
685
+ color: #e03997;
686
+ }
687
+ .ui.feed > .event > .inverted.pink.label::before,
688
+ .ui.inverted.pink.feed > .event > .label::before {
689
+ background: #ff8edf;
690
+ }
691
+ .ui.feed > .event > .inverted.pink.basic.label::before,
692
+ .ui.inverted.pink.basic.feed > .event > .label::before {
693
+ color: #ff8edf;
694
+ }
695
+ .ui.ui.feed > .event > .brown.label::before,
696
+ .ui.brown.feed > .event > .label::before {
697
+ background: #a5673f;
698
+ }
699
+ .ui.brown.connected.feed > .event::before,
700
+ .ui.connected.feed > .brown.event::before {
701
+ border-color: #a5673f;
702
+ }
703
+ .ui.inverted.brown.connected.feed > .event::before,
704
+ .ui.connected.feed > .inverted.brown.event::before {
705
+ border-color: #d67c1c;
706
+ }
707
+ .ui.ui.feed > .event > .brown.basic.label::before,
708
+ .ui.brown.basic.feed > .event > .label::before {
709
+ color: #a5673f;
710
+ }
711
+ .ui.feed > .event > .inverted.brown.label::before,
712
+ .ui.inverted.brown.feed > .event > .label::before {
713
+ background: #d67c1c;
714
+ }
715
+ .ui.feed > .event > .inverted.brown.basic.label::before,
716
+ .ui.inverted.brown.basic.feed > .event > .label::before {
717
+ color: #d67c1c;
718
+ }
719
+ .ui.ui.feed > .event > .grey.label::before,
720
+ .ui.grey.feed > .event > .label::before {
721
+ background: #767676;
722
+ }
723
+ .ui.grey.connected.feed > .event::before,
724
+ .ui.connected.feed > .grey.event::before {
725
+ border-color: #767676;
726
+ }
727
+ .ui.inverted.grey.connected.feed > .event::before,
728
+ .ui.connected.feed > .inverted.grey.event::before {
729
+ border-color: #dcddde;
730
+ }
731
+ .ui.ui.feed > .event > .grey.basic.label::before,
732
+ .ui.grey.basic.feed > .event > .label::before {
733
+ color: #767676;
734
+ }
735
+ .ui.feed > .event > .inverted.grey.label::before,
736
+ .ui.inverted.grey.feed > .event > .label::before {
737
+ background: #dcddde;
738
+ }
739
+ .ui.feed > .event > .inverted.grey.basic.label::before,
740
+ .ui.inverted.grey.basic.feed > .event > .label::before {
741
+ color: #dcddde;
742
+ }
743
+ .ui.ui.feed > .event > .black.label::before,
744
+ .ui.black.feed > .event > .label::before {
745
+ background: #1b1c1d;
746
+ }
747
+ .ui.black.connected.feed > .event::before,
748
+ .ui.connected.feed > .black.event::before {
749
+ border-color: #1b1c1d;
750
+ }
751
+ .ui.inverted.black.connected.feed > .event::before,
752
+ .ui.connected.feed > .inverted.black.event::before {
753
+ border-color: #545454;
754
+ }
755
+ .ui.ui.feed > .event > .black.basic.label::before,
756
+ .ui.black.basic.feed > .event > .label::before {
757
+ color: #1b1c1d;
758
+ }
759
+ .ui.feed > .event > .inverted.black.label::before,
760
+ .ui.inverted.black.feed > .event > .label::before {
761
+ background: #545454;
762
+ }
763
+ .ui.feed > .event > .inverted.black.basic.label::before,
764
+ .ui.inverted.black.basic.feed > .event > .label::before {
765
+ color: #545454;
766
+ }
767
+ .ui.ui.feed > .event > .basic.label::before,
768
+ .ui.ui.ui.basic.feed > .event > .label::before {
769
+ background: transparent;
770
+ border-color: currentColor;
771
+ }
772
+ .ui.disabled.feed,
773
+ .ui.feed .disabled.event {
774
+ opacity: 0.45;
775
+ pointer-events: none;
776
+ }
296
777
 
297
778
 
298
779
  /*******************************
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Item
2
+ * # Fomantic-UI 2.9.3 - Item
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -515,6 +515,11 @@
515
515
  .ui.inverted.divided.items > .item:first-child {
516
516
  border-top: none;
517
517
  }
518
+ .ui.disabled.items,
519
+ .ui.items > .disabled.item {
520
+ opacity: 0.45;
521
+ pointer-events: none;
522
+ }
518
523
 
519
524
 
520
525
  /*******************************
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Statistic
2
+ * # Fomantic-UI 2.9.3 - Statistic
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  module SemanticBreadcrumbsHelper
2
4
  def semantic_breadcrumbs(divider = '/', &block)
3
5
  content = render partial: 'semantic/breadcrumbs', layout: false, locals: { divider: divider }
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  module SemanticFlashHelper
2
4
  ALERT_TYPES = %i[error info success warning].freeze
3
5
 
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  module SemanticIconHelper
2
4
  def semantic_icon(*names)
3
5
  opts = names[-1].is_a?(Hash) ? names.delete_at(-1) : {}
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  lib = File.expand_path('lib', __dir__)
2
4
  $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
3
5
  require 'fomantic/ui/sass/version'
@@ -11,6 +13,7 @@ Gem::Specification.new do |spec|
11
13
  spec.summary = 'Fomantic UI, converted to Sass and ready to drop into Rails, Compass, or Sprockets.'
12
14
  spec.homepage = 'https://github.com/fomantic/Fomantic-UI-SASS'
13
15
  spec.license = 'MIT'
16
+ spec.required_ruby_version = '>= 2.7.0'
14
17
 
15
18
  spec.files = `git ls-files`.split($INPUT_RECORD_SEPARATOR)
16
19
  spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
@@ -18,9 +21,8 @@ Gem::Specification.new do |spec|
18
21
  spec.require_paths = ['lib']
19
22
 
20
23
  spec.add_runtime_dependency 'autoprefixer-rails'
24
+ spec.add_runtime_dependency 'dartsass-sprockets', '3.0.0'
21
25
  spec.add_runtime_dependency 'railties', '>= 3.2.0'
22
- spec.add_runtime_dependency 'sassc', '>= 2.2'
23
- spec.add_runtime_dependency 'sassc-rails', '>= 2.1'
24
26
  spec.add_runtime_dependency 'sprockets-rails', '>= 2.1.3'
25
27
 
26
28
  spec.add_development_dependency 'bundler', '>= 1.3'
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  source 'https://rubygems.org'
2
4
 
3
5
  gemspec path: '../'
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  source 'https://rubygems.org'
2
4
 
3
5
  gemspec path: '../'
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  source 'https://rubygems.org'
2
4
 
3
5
  gemspec path: '../'
@@ -1,3 +1,5 @@
1
+ # frozen_string_literal: true
2
+
1
3
  module Fomantic
2
4
  module Ui
3
5
  module Sass
@@ -1,4 +1,6 @@
1
- require File.dirname(__FILE__) + '/breadcrumbs.rb'
1
+ # frozen_string_literal: true
2
+
3
+ require "#{File.dirname(__FILE__)}/breadcrumbs.rb"
2
4
  module Fomantic
3
5
  module Ui
4
6
  module Sass
@@ -8,12 +10,12 @@ module Fomantic
8
10
  if ::Rails.version >= '5' || ::Sprockets::VERSION.start_with?('4')
9
11
  ::Rails.application.config.assets.precompile += %w[semantic-ui/*icons.*]
10
12
  else
11
- app.config.assets.precompile << %r{semantic-ui\/(basic\.)*icons\.(?:eot|svg|ttf|woff)$}
13
+ app.config.assets.precompile << %r{semantic-ui/(basic\.)*icons\.(?:eot|svg|ttf|woff)$}
12
14
  end
13
15
  end
14
16
  initializer 'fomantic-ui-sass.setup_helpers' do |app|
15
17
  app.config.to_prepare do
16
- ActionController::Base.send :include, Fomantic::Ui::Sass::BreadCrumbs
18
+ ActionController::Base.include Fomantic::Ui::Sass::BreadCrumbs
17
19
  end
18
20
  end
19
21
  end
@@ -1,8 +1,10 @@
1
+ # frozen_string_literal: true
2
+
1
3
  module Fomantic
2
4
  module Ui
3
5
  module Sass
4
- VERSION = '2.9.2'.freeze
5
- SEMANTIC_UI_SHA = '6f8b2874d1690ae620245c8bda918b2d69b4eca2'.freeze
6
+ VERSION = '2.9.3.1'
7
+ SEMANTIC_UI_SHA = '697bba341f4ea6357e5fe22d8c7166aec107bf2a'
6
8
  end
7
9
  end
8
10
  end