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 - Placeholder
2
+ * # Fomantic-UI 2.9.3 - Placeholder
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Rail
2
+ * # Fomantic-UI 2.9.3 - Rail
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Reveal
2
+ * # Fomantic-UI 2.9.3 - Reveal
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Segment
2
+ * # Fomantic-UI 2.9.3 - Segment
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -170,6 +170,9 @@
170
170
  margin: 3em 0;
171
171
  box-shadow: "";
172
172
  z-index: auto;
173
+ background-color: #fff;
174
+ border: 1px solid rgba(34, 36, 38, 0.15);
175
+ color: rgba(0, 0, 0, 0.87);
173
176
  }
174
177
  .ui.piled.segment:first-child {
175
178
  margin-top: 0;
@@ -181,7 +184,7 @@
181
184
  .ui.piled.segments::before,
182
185
  .ui.piled.segment::after,
183
186
  .ui.piled.segment::before {
184
- background-color: #fff;
187
+ background-color: inherit;
185
188
  visibility: visible;
186
189
  content: "";
187
190
  display: block;
@@ -189,9 +192,14 @@
189
192
  left: 0;
190
193
  position: absolute;
191
194
  width: 100%;
192
- border: 1px solid rgba(34, 36, 38, 0.15);
195
+ border: inherit;
193
196
  box-shadow: "";
194
197
  }
198
+ .ui.inverted.piled.segment {
199
+ background-color: #1b1c1d;
200
+ border: 1px solid #555;
201
+ color: rgba(255, 255, 255, 0.9);
202
+ }
195
203
  .ui.piled.segments::before,
196
204
  .ui.piled.segment::before {
197
205
  transform: rotate(-1.2deg);
@@ -220,6 +228,12 @@
220
228
  .ui.piled.segment[class*="bottom attached"]:last-child {
221
229
  margin-bottom: 0;
222
230
  }
231
+ @supports selector(:has(.f)) {
232
+ *:has(> .ui.piled.segment) {
233
+ z-index: 0;
234
+ position: relative;
235
+ }
236
+ }
223
237
 
224
238
  /* -------------------
225
239
  Stacked
@@ -254,12 +268,16 @@
254
268
  }
255
269
 
256
270
  /* Inverted */
271
+ .ui.stacked.inverted.segments,
272
+ .ui.stacked.inverted.segment {
273
+ border: 1px solid rgba(225, 225, 225, 0.5);
274
+ }
257
275
  .ui.stacked.inverted.segments::before,
258
- .ui.stacked.inverted.segments::after,
259
276
  .ui.stacked.inverted.segment::before,
277
+ .ui.stacked.inverted.segments::after,
260
278
  .ui.stacked.inverted.segment::after {
261
279
  background-color: rgba(0, 0, 0, 0.03);
262
- border-top: 1px solid rgba(34, 36, 38, 0.35);
280
+ border-top: 1px solid rgba(225, 225, 225, 0.5);
263
281
  }
264
282
 
265
283
  /* -------------------
@@ -310,10 +328,14 @@
310
328
  /* -------------------
311
329
  Raised
312
330
  -------------------- */
313
- .ui.raised.raised.segments,
314
- .ui.raised.raised.segment {
331
+ .ui.ui.raised.segments,
332
+ .ui.ui.raised.segment {
315
333
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
316
334
  }
335
+ .ui.ui.inverted.raised.segments,
336
+ .ui.ui.inverted.raised.segment {
337
+ box-shadow: 0 2px 4px 0 rgba(225, 225, 225, 0.1), 0 2px 10px 0 rgba(225, 225, 225, 0.5);
338
+ }
317
339
 
318
340
 
319
341
  /*******************************
@@ -395,6 +417,7 @@
395
417
  border-radius: 0.28571429rem;
396
418
  border: 1px solid rgba(34, 36, 38, 0.15);
397
419
  }
420
+ .ui.wrapping.horizontal.segments,
398
421
  .ui.stackable.horizontal.segments {
399
422
  flex-wrap: wrap;
400
423
  }
@@ -427,7 +450,7 @@
427
450
  .ui.segments > .horizontal.segments:first-child {
428
451
  border-top: none;
429
452
  }
430
- .ui.horizontal.segments:not(.stackable) > .segment:first-child {
453
+ .ui.horizontal.segments:not(.stackable):not(.wrapping) > .segment:first-child {
431
454
  border-left: none;
432
455
  }
433
456
  .ui.horizontal.segments > .segment:first-child {
@@ -473,6 +496,7 @@
473
496
  -ms-user-select: none;
474
497
  user-select: none;
475
498
  transition: all 0s linear;
499
+ min-height: 4.5em;
476
500
  }
477
501
  .ui.loading.segments::before,
478
502
  .ui.loading.segment::before {
@@ -533,97 +557,136 @@
533
557
  /* -------------------
534
558
  Colors
535
559
  -------------------- */
536
- .ui.red.segment.segment.segment.segment.segment:not(.inverted) {
560
+ .ui.ui.ui.ui.ui.red.segment:not(.inverted) {
537
561
  border-top: 2px solid #db2828;
538
562
  }
539
- .ui.inverted.red.segment.segment.segment.segment.segment {
563
+ .ui.ui.ui.ui.ui.inverted.red.segment {
540
564
  background-color: #db2828;
541
565
  color: #fff;
542
566
  }
543
- .ui.orange.segment.segment.segment.segment.segment:not(.inverted) {
567
+ .ui.ui.inverted.red.segment:not(.piled) {
568
+ border-color: #db2828;
569
+ }
570
+ .ui.ui.ui.ui.ui.orange.segment:not(.inverted) {
544
571
  border-top: 2px solid #f2711c;
545
572
  }
546
- .ui.inverted.orange.segment.segment.segment.segment.segment {
573
+ .ui.ui.ui.ui.ui.inverted.orange.segment {
547
574
  background-color: #f2711c;
548
575
  color: #fff;
549
576
  }
550
- .ui.yellow.segment.segment.segment.segment.segment:not(.inverted) {
577
+ .ui.ui.inverted.orange.segment:not(.piled) {
578
+ border-color: #f2711c;
579
+ }
580
+ .ui.ui.ui.ui.ui.yellow.segment:not(.inverted) {
551
581
  border-top: 2px solid #fbbd08;
552
582
  }
553
- .ui.inverted.yellow.segment.segment.segment.segment.segment {
583
+ .ui.ui.ui.ui.ui.inverted.yellow.segment {
554
584
  background-color: #fbbd08;
555
585
  color: #fff;
556
586
  }
557
- .ui.olive.segment.segment.segment.segment.segment:not(.inverted) {
587
+ .ui.ui.inverted.yellow.segment:not(.piled) {
588
+ border-color: #fbbd08;
589
+ }
590
+ .ui.ui.ui.ui.ui.olive.segment:not(.inverted) {
558
591
  border-top: 2px solid #b5cc18;
559
592
  }
560
- .ui.inverted.olive.segment.segment.segment.segment.segment {
593
+ .ui.ui.ui.ui.ui.inverted.olive.segment {
561
594
  background-color: #b5cc18;
562
595
  color: #fff;
563
596
  }
564
- .ui.green.segment.segment.segment.segment.segment:not(.inverted) {
597
+ .ui.ui.inverted.olive.segment:not(.piled) {
598
+ border-color: #b5cc18;
599
+ }
600
+ .ui.ui.ui.ui.ui.green.segment:not(.inverted) {
565
601
  border-top: 2px solid #21ba45;
566
602
  }
567
- .ui.inverted.green.segment.segment.segment.segment.segment {
603
+ .ui.ui.ui.ui.ui.inverted.green.segment {
568
604
  background-color: #21ba45;
569
605
  color: #fff;
570
606
  }
571
- .ui.teal.segment.segment.segment.segment.segment:not(.inverted) {
607
+ .ui.ui.inverted.green.segment:not(.piled) {
608
+ border-color: #21ba45;
609
+ }
610
+ .ui.ui.ui.ui.ui.teal.segment:not(.inverted) {
572
611
  border-top: 2px solid #00b5ad;
573
612
  }
574
- .ui.inverted.teal.segment.segment.segment.segment.segment {
613
+ .ui.ui.ui.ui.ui.inverted.teal.segment {
575
614
  background-color: #00b5ad;
576
615
  color: #fff;
577
616
  }
578
- .ui.blue.segment.segment.segment.segment.segment:not(.inverted) {
617
+ .ui.ui.inverted.teal.segment:not(.piled) {
618
+ border-color: #00b5ad;
619
+ }
620
+ .ui.ui.ui.ui.ui.blue.segment:not(.inverted) {
579
621
  border-top: 2px solid #2185d0;
580
622
  }
581
- .ui.inverted.blue.segment.segment.segment.segment.segment {
623
+ .ui.ui.ui.ui.ui.inverted.blue.segment {
582
624
  background-color: #2185d0;
583
625
  color: #fff;
584
626
  }
585
- .ui.violet.segment.segment.segment.segment.segment:not(.inverted) {
627
+ .ui.ui.inverted.blue.segment:not(.piled) {
628
+ border-color: #2185d0;
629
+ }
630
+ .ui.ui.ui.ui.ui.violet.segment:not(.inverted) {
586
631
  border-top: 2px solid #6435c9;
587
632
  }
588
- .ui.inverted.violet.segment.segment.segment.segment.segment {
633
+ .ui.ui.ui.ui.ui.inverted.violet.segment {
589
634
  background-color: #6435c9;
590
635
  color: #fff;
591
636
  }
592
- .ui.purple.segment.segment.segment.segment.segment:not(.inverted) {
637
+ .ui.ui.inverted.violet.segment:not(.piled) {
638
+ border-color: #6435c9;
639
+ }
640
+ .ui.ui.ui.ui.ui.purple.segment:not(.inverted) {
593
641
  border-top: 2px solid #a333c8;
594
642
  }
595
- .ui.inverted.purple.segment.segment.segment.segment.segment {
643
+ .ui.ui.ui.ui.ui.inverted.purple.segment {
596
644
  background-color: #a333c8;
597
645
  color: #fff;
598
646
  }
599
- .ui.pink.segment.segment.segment.segment.segment:not(.inverted) {
647
+ .ui.ui.inverted.purple.segment:not(.piled) {
648
+ border-color: #a333c8;
649
+ }
650
+ .ui.ui.ui.ui.ui.pink.segment:not(.inverted) {
600
651
  border-top: 2px solid #e03997;
601
652
  }
602
- .ui.inverted.pink.segment.segment.segment.segment.segment {
653
+ .ui.ui.ui.ui.ui.inverted.pink.segment {
603
654
  background-color: #e03997;
604
655
  color: #fff;
605
656
  }
606
- .ui.brown.segment.segment.segment.segment.segment:not(.inverted) {
657
+ .ui.ui.inverted.pink.segment:not(.piled) {
658
+ border-color: #e03997;
659
+ }
660
+ .ui.ui.ui.ui.ui.brown.segment:not(.inverted) {
607
661
  border-top: 2px solid #a5673f;
608
662
  }
609
- .ui.inverted.brown.segment.segment.segment.segment.segment {
663
+ .ui.ui.ui.ui.ui.inverted.brown.segment {
610
664
  background-color: #a5673f;
611
665
  color: #fff;
612
666
  }
613
- .ui.grey.segment.segment.segment.segment.segment:not(.inverted) {
667
+ .ui.ui.inverted.brown.segment:not(.piled) {
668
+ border-color: #a5673f;
669
+ }
670
+ .ui.ui.ui.ui.ui.grey.segment:not(.inverted) {
614
671
  border-top: 2px solid #767676;
615
672
  }
616
- .ui.inverted.grey.segment.segment.segment.segment.segment {
673
+ .ui.ui.ui.ui.ui.inverted.grey.segment {
617
674
  background-color: #767676;
618
675
  color: #fff;
619
676
  }
620
- .ui.black.segment.segment.segment.segment.segment:not(.inverted) {
677
+ .ui.ui.inverted.grey.segment:not(.piled) {
678
+ border-color: #767676;
679
+ }
680
+ .ui.ui.ui.ui.ui.black.segment:not(.inverted) {
621
681
  border-top: 2px solid #1b1c1d;
622
682
  }
623
- .ui.inverted.black.segment.segment.segment.segment.segment {
683
+ .ui.ui.ui.ui.ui.inverted.black.segment {
624
684
  background-color: #1b1c1d;
625
685
  color: #fff;
626
686
  }
687
+ .ui.ui.inverted.black.segment:not(.piled) {
688
+ border-color: #1b1c1d;
689
+ }
627
690
 
628
691
  /* -------------------
629
692
  Aligned
@@ -812,69 +875,133 @@
812
875
  .ui.scrolling.segment.short {
813
876
  max-height: 11.25em;
814
877
  }
878
+ .ui.scrolling.segment.short.resizable {
879
+ height: 11.25em;
880
+ }
815
881
  .ui.scrolling.segment[class*="very short"] {
816
882
  max-height: 7.5em;
817
883
  }
884
+ .ui.scrolling.segment[class*="very short"].resizable {
885
+ height: 7.5em;
886
+ }
818
887
  .ui.scrolling.segment {
819
888
  max-height: 15em;
820
889
  }
890
+ .ui.scrolling.segment.resizable {
891
+ height: 15em;
892
+ }
821
893
  .ui.scrolling.segment.long {
822
894
  max-height: 30em;
823
895
  }
896
+ .ui.scrolling.segment.long.resizable {
897
+ height: 30em;
898
+ }
824
899
  .ui.scrolling.segment[class*="very long"] {
825
900
  max-height: 45em;
826
901
  }
902
+ .ui.scrolling.segment[class*="very long"].resizable {
903
+ height: 45em;
904
+ }
827
905
  }
828
906
  @media only screen and (min-width: 768px) {
829
907
  .ui.scrolling.segment.short {
830
908
  max-height: 13.5em;
831
909
  }
910
+ .ui.scrolling.segment.short.resizable {
911
+ height: 13.5em;
912
+ }
832
913
  .ui.scrolling.segment[class*="very short"] {
833
914
  max-height: 9em;
834
915
  }
916
+ .ui.scrolling.segment[class*="very short"].resizable {
917
+ height: 9em;
918
+ }
835
919
  .ui.scrolling.segment {
836
920
  max-height: 18em;
837
921
  }
922
+ .ui.scrolling.segment.resizable {
923
+ height: 18em;
924
+ }
838
925
  .ui.scrolling.segment.long {
839
926
  max-height: 36em;
840
927
  }
928
+ .ui.scrolling.segment.long.resizable {
929
+ height: 36em;
930
+ }
841
931
  .ui.scrolling.segment[class*="very long"] {
842
932
  max-height: 54em;
843
933
  }
934
+ .ui.scrolling.segment[class*="very long"].resizable {
935
+ height: 54em;
936
+ }
844
937
  }
845
938
  @media only screen and (min-width: 992px) {
846
939
  .ui.scrolling.segment.short {
847
940
  max-height: 18em;
848
941
  }
942
+ .ui.scrolling.segment.short.resizable {
943
+ height: 18em;
944
+ }
849
945
  .ui.scrolling.segment[class*="very short"] {
850
946
  max-height: 12em;
851
947
  }
948
+ .ui.scrolling.segment[class*="very short"].resizable {
949
+ height: 12em;
950
+ }
852
951
  .ui.scrolling.segment {
853
952
  max-height: 24em;
854
953
  }
954
+ .ui.scrolling.segment.resizable {
955
+ height: 24em;
956
+ }
855
957
  .ui.scrolling.segment.long {
856
958
  max-height: 48em;
857
959
  }
960
+ .ui.scrolling.segment.long.resizable {
961
+ height: 48em;
962
+ }
858
963
  .ui.scrolling.segment[class*="very long"] {
859
964
  max-height: 72em;
860
965
  }
966
+ .ui.scrolling.segment[class*="very long"].resizable {
967
+ height: 72em;
968
+ }
861
969
  }
862
970
  @media only screen and (min-width: 1920px) {
863
971
  .ui.scrolling.segment.short {
864
972
  max-height: 22.5em;
865
973
  }
974
+ .ui.scrolling.segment.short.resizable {
975
+ height: 22.5em;
976
+ }
866
977
  .ui.scrolling.segment[class*="very short"] {
867
978
  max-height: 15em;
868
979
  }
980
+ .ui.scrolling.segment[class*="very short"].resizable {
981
+ height: 15em;
982
+ }
869
983
  .ui.scrolling.segment {
870
984
  max-height: 30em;
871
985
  }
986
+ .ui.scrolling.segment.resizable {
987
+ height: 30em;
988
+ }
872
989
  .ui.scrolling.segment.long {
873
990
  max-height: 60em;
874
991
  }
992
+ .ui.scrolling.segment.long.resizable {
993
+ height: 60em;
994
+ }
875
995
  .ui.scrolling.segment[class*="very long"] {
876
996
  max-height: 90em;
877
997
  }
998
+ .ui.scrolling.segment[class*="very long"].resizable {
999
+ height: 90em;
1000
+ }
1001
+ }
1002
+ .ui.resizable.scrolling.segment {
1003
+ resize: vertical;
1004
+ max-height: none;
878
1005
  }
879
1006
 
880
1007
  /* -------------------
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Step
2
+ * # Fomantic-UI 2.9.3 - Step
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Text
2
+ * # Fomantic-UI 2.9.3 - Text
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Reset
2
+ * # Fomantic-UI 2.9.3 - Reset
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Site
2
+ * # Fomantic-UI 2.9.3 - Site
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Accordion
2
+ * # Fomantic-UI 2.9.3 - Accordion
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Calendar
2
+ * # Fomantic-UI 2.9.3 - Calendar
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -98,12 +98,12 @@
98
98
  cursor: pointer;
99
99
  }
100
100
  .ui.calendar .ui.table tr .prev.link {
101
- width: 14.28571%;
101
+ width: 14.28571429%;
102
102
  position: absolute;
103
103
  left: 0;
104
104
  }
105
105
  .ui.calendar .ui.table tr .next.link {
106
- width: 14.28571%;
106
+ width: 14.28571429%;
107
107
  position: absolute;
108
108
  right: 0;
109
109
  }
@@ -148,24 +148,161 @@
148
148
  color: rgba(255, 255, 255, 0.8);
149
149
  background: rgba(255, 255, 255, 0.02);
150
150
  }
151
- .ui.calendar.popup > .ui.ui.grid {
151
+ .ui.ui.ui.calendar.popup > .ui.ui.grid {
152
152
  margin: -1rem;
153
153
  }
154
- .ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) {
154
+ .ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) {
155
155
  padding-left: 0;
156
156
  }
157
- .ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) > .ui.table {
157
+ .ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) > .ui.table {
158
158
  border-top-left-radius: 0;
159
159
  border-bottom-left-radius: 0;
160
160
  }
161
- .ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) {
161
+ .ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) {
162
162
  padding-right: 0;
163
163
  }
164
- .ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) > .ui.table {
164
+ .ui.ui.ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) > .ui.table {
165
165
  border-top-right-radius: 0;
166
166
  border-bottom-right-radius: 0;
167
167
  }
168
168
 
169
+ /* --------------------
170
+ Sizes
171
+ --------------------- */
172
+ .ui.mini.calendar,
173
+ .ui.mini.calendar .ui.table tr th,
174
+ .ui.mini.calendar .ui.table tr td {
175
+ font-size: 0.78571429rem;
176
+ }
177
+ .ui.mini.calendar .ui.table.year,
178
+ .ui.mini.calendar .ui.table.month,
179
+ .ui.mini.calendar .ui.table.minute {
180
+ min-width: 11.78571429em;
181
+ }
182
+ .ui.mini.calendar .ui.table.day {
183
+ min-width: 14.14285714em;
184
+ }
185
+ .ui.mini.calendar .ui.table.day.andweek {
186
+ min-width: 17.28571429em;
187
+ }
188
+ .ui.mini.calendar .ui.table.hour {
189
+ min-width: 15.71428571em;
190
+ }
191
+ .ui.tiny.calendar,
192
+ .ui.tiny.calendar .ui.table tr th,
193
+ .ui.tiny.calendar .ui.table tr td {
194
+ font-size: 0.85714286rem;
195
+ }
196
+ .ui.tiny.calendar .ui.table.year,
197
+ .ui.tiny.calendar .ui.table.month,
198
+ .ui.tiny.calendar .ui.table.minute {
199
+ min-width: 12.85714286em;
200
+ }
201
+ .ui.tiny.calendar .ui.table.day {
202
+ min-width: 15.42857143em;
203
+ }
204
+ .ui.tiny.calendar .ui.table.day.andweek {
205
+ min-width: 18.85714286em;
206
+ }
207
+ .ui.tiny.calendar .ui.table.hour {
208
+ min-width: 17.14285714em;
209
+ }
210
+ .ui.small.calendar,
211
+ .ui.small.calendar .ui.table tr th,
212
+ .ui.small.calendar .ui.table tr td {
213
+ font-size: 0.92857143rem;
214
+ }
215
+ .ui.small.calendar .ui.table.year,
216
+ .ui.small.calendar .ui.table.month,
217
+ .ui.small.calendar .ui.table.minute {
218
+ min-width: 13.92857143em;
219
+ }
220
+ .ui.small.calendar .ui.table.day {
221
+ min-width: 16.71428571em;
222
+ }
223
+ .ui.small.calendar .ui.table.day.andweek {
224
+ min-width: 20.42857143em;
225
+ }
226
+ .ui.small.calendar .ui.table.hour {
227
+ min-width: 18.57142857em;
228
+ }
229
+ .ui.large.calendar,
230
+ .ui.large.calendar .ui.table tr th,
231
+ .ui.large.calendar .ui.table tr td {
232
+ font-size: 1.14285714rem;
233
+ }
234
+ .ui.large.calendar .ui.table.year,
235
+ .ui.large.calendar .ui.table.month,
236
+ .ui.large.calendar .ui.table.minute {
237
+ min-width: 17.14285714em;
238
+ }
239
+ .ui.large.calendar .ui.table.day {
240
+ min-width: 20.57142857em;
241
+ }
242
+ .ui.large.calendar .ui.table.day.andweek {
243
+ min-width: 25.14285714em;
244
+ }
245
+ .ui.large.calendar .ui.table.hour {
246
+ min-width: 22.85714286em;
247
+ }
248
+ .ui.big.calendar,
249
+ .ui.big.calendar .ui.table tr th,
250
+ .ui.big.calendar .ui.table tr td {
251
+ font-size: 1.28571429rem;
252
+ }
253
+ .ui.big.calendar .ui.table.year,
254
+ .ui.big.calendar .ui.table.month,
255
+ .ui.big.calendar .ui.table.minute {
256
+ min-width: 19.28571429em;
257
+ }
258
+ .ui.big.calendar .ui.table.day {
259
+ min-width: 23.14285714em;
260
+ }
261
+ .ui.big.calendar .ui.table.day.andweek {
262
+ min-width: 28.28571429em;
263
+ }
264
+ .ui.big.calendar .ui.table.hour {
265
+ min-width: 25.71428571em;
266
+ }
267
+ .ui.huge.calendar,
268
+ .ui.huge.calendar .ui.table tr th,
269
+ .ui.huge.calendar .ui.table tr td {
270
+ font-size: 1.42857143rem;
271
+ }
272
+ .ui.huge.calendar .ui.table.year,
273
+ .ui.huge.calendar .ui.table.month,
274
+ .ui.huge.calendar .ui.table.minute {
275
+ min-width: 21.42857143em;
276
+ }
277
+ .ui.huge.calendar .ui.table.day {
278
+ min-width: 25.71428571em;
279
+ }
280
+ .ui.huge.calendar .ui.table.day.andweek {
281
+ min-width: 31.42857143em;
282
+ }
283
+ .ui.huge.calendar .ui.table.hour {
284
+ min-width: 28.57142857em;
285
+ }
286
+ .ui.massive.calendar,
287
+ .ui.massive.calendar .ui.table tr th,
288
+ .ui.massive.calendar .ui.table tr td {
289
+ font-size: 1.71428571rem;
290
+ }
291
+ .ui.massive.calendar .ui.table.year,
292
+ .ui.massive.calendar .ui.table.month,
293
+ .ui.massive.calendar .ui.table.minute {
294
+ min-width: 25.71428571em;
295
+ }
296
+ .ui.massive.calendar .ui.table.day {
297
+ min-width: 30.85714286em;
298
+ }
299
+ .ui.massive.calendar .ui.table.day.andweek {
300
+ min-width: 37.71428571em;
301
+ }
302
+ .ui.massive.calendar .ui.table.hour {
303
+ min-width: 34.28571429em;
304
+ }
305
+
169
306
 
170
307
  /*******************************
171
308
  States