fomantic-ui-sass 2.7.1 → 2.7.2

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 (64) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +20 -0
  3. data/Rakefile +1 -0
  4. data/app/assets/javascripts/semantic-ui/accordion.js +20 -17
  5. data/app/assets/javascripts/semantic-ui/checkbox.js +18 -17
  6. data/app/assets/javascripts/semantic-ui/dropdown.js +48 -42
  7. data/app/assets/javascripts/semantic-ui/form.js +59 -28
  8. data/app/assets/javascripts/semantic-ui/modal.js +13 -1
  9. data/app/assets/javascripts/semantic-ui/progress.js +5 -5
  10. data/app/assets/javascripts/semantic-ui/search.js +34 -28
  11. data/app/assets/javascripts/semantic-ui/sidebar.js +5 -7
  12. data/app/assets/javascripts/semantic-ui/transition.js +46 -34
  13. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  14. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +7 -1
  15. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1 -1
  16. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +112 -112
  17. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  18. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +66 -66
  19. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +21 -14
  20. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  21. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  22. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  23. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +2 -4
  24. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +464 -131
  25. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  26. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +8 -3
  27. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +227 -187
  28. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +26 -12
  29. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +68 -19
  30. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +14 -17
  34. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +5 -1
  35. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +26 -0
  36. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +24 -118
  37. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +5 -5
  38. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
  41. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  42. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +6 -3
  43. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +2 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  46. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +4 -4
  47. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +68 -21
  48. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  50. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  57. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  58. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  59. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  60. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  61. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  62. data/fomantic-ui-sass.gemspec +1 -1
  63. data/lib/fomantic/ui/sass/version.rb +2 -2
  64. metadata +3 -3
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Message
2
+ * # Semantic UI 2.7.2 - Message
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Table
2
+ * # Semantic UI 2.7.2 - Table
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -179,10 +179,10 @@
179
179
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important;
180
180
  }
181
181
  .ui.table:not(.unstackable) tr > th,
182
- .ui.table:not(.unstackable) tr > td {
182
+ .ui.ui.ui.ui.table:not(.unstackable) tr > td {
183
183
  background: none;
184
- border: none !important;
185
- padding: 0.25em 0.75em !important;
184
+ border: none;
185
+ padding: 0.25em 0.75em;
186
186
  -webkit-box-shadow: none !important;
187
187
  box-shadow: none !important;
188
188
  }
@@ -308,8 +308,8 @@
308
308
  Positive
309
309
  ---------------*/
310
310
 
311
- .ui.table tr.positive,
312
- .ui.table td.positive {
311
+ .ui.ui.ui.ui.table tr.positive,
312
+ .ui.ui.table td.positive {
313
313
  -webkit-box-shadow: 0 0 0 #A3C293 inset;
314
314
  box-shadow: 0 0 0 #A3C293 inset;
315
315
  background: #FCFFF5;
@@ -320,8 +320,8 @@
320
320
  Negative
321
321
  ---------------*/
322
322
 
323
- .ui.table tr.negative,
324
- .ui.table td.negative {
323
+ .ui.ui.ui.ui.table tr.negative,
324
+ .ui.ui.table td.negative {
325
325
  -webkit-box-shadow: 0 0 0 #E0B4B4 inset;
326
326
  box-shadow: 0 0 0 #E0B4B4 inset;
327
327
  background: #FFF6F6;
@@ -332,8 +332,8 @@
332
332
  Error
333
333
  ---------------*/
334
334
 
335
- .ui.table tr.error,
336
- .ui.table td.error {
335
+ .ui.ui.ui.ui.table tr.error,
336
+ .ui.ui.table td.error {
337
337
  -webkit-box-shadow: 0 0 0 #E0B4B4 inset;
338
338
  box-shadow: 0 0 0 #E0B4B4 inset;
339
339
  background: #FFF6F6;
@@ -344,8 +344,8 @@
344
344
  Warning
345
345
  ---------------*/
346
346
 
347
- .ui.table tr.warning,
348
- .ui.table td.warning {
347
+ .ui.ui.ui.ui.table tr.warning,
348
+ .ui.ui.table td.warning {
349
349
  -webkit-box-shadow: 0 0 0 #C9BA9B inset;
350
350
  box-shadow: 0 0 0 #C9BA9B inset;
351
351
  background: #FFFAF3;
@@ -356,8 +356,8 @@
356
356
  Active
357
357
  ---------------*/
358
358
 
359
- .ui.table tr.active,
360
- .ui.table td.active {
359
+ .ui.ui.ui.ui.table tr.active,
360
+ .ui.ui.table td.active {
361
361
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset;
362
362
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset;
363
363
  background: #E0E0E0;
@@ -487,12 +487,12 @@
487
487
  Selectable
488
488
  ---------------*/
489
489
 
490
- .ui.selectable.table tbody tr:hover,
490
+ .ui.ui.selectable.table tbody tr:hover,
491
491
  .ui.table tbody tr td.selectable:hover {
492
492
  background: rgba(0, 0, 0, 0.05);
493
493
  color: rgba(0, 0, 0, 0.95);
494
494
  }
495
- .ui.selectable.inverted.table tbody tr:hover,
495
+ .ui.ui.selectable.inverted.table tbody tr:hover,
496
496
  .ui.inverted.table tbody tr td.selectable:hover {
497
497
  background: rgba(255, 255, 255, 0.08);
498
498
  color: #ffffff;
@@ -509,31 +509,31 @@
509
509
  }
510
510
 
511
511
  /* Other States */
512
- .ui.selectable.table tr.error:hover,
512
+ .ui.ui.selectable.table tr.error:hover,
513
513
  .ui.table tr td.selectable.error:hover,
514
514
  .ui.selectable.table tr:hover td.error {
515
515
  background: #ffe7e7;
516
516
  color: #943634;
517
517
  }
518
- .ui.selectable.table tr.warning:hover,
518
+ .ui.ui.selectable.table tr.warning:hover,
519
519
  .ui.table tr td.selectable.warning:hover,
520
520
  .ui.selectable.table tr:hover td.warning {
521
521
  background: #fff4e4;
522
522
  color: #493107;
523
523
  }
524
- .ui.selectable.table tr.active:hover,
524
+ .ui.ui.selectable.table tr.active:hover,
525
525
  .ui.table tr td.selectable.active:hover,
526
526
  .ui.selectable.table tr:hover td.active {
527
527
  background: #E0E0E0;
528
528
  color: rgba(0, 0, 0, 0.87);
529
529
  }
530
- .ui.selectable.table tr.positive:hover,
530
+ .ui.ui.selectable.table tr.positive:hover,
531
531
  .ui.table tr td.selectable.positive:hover,
532
532
  .ui.selectable.table tr:hover td.positive {
533
533
  background: #f7ffe6;
534
534
  color: #275b28;
535
535
  }
536
- .ui.selectable.table tr.negative:hover,
536
+ .ui.ui.selectable.table tr.negative:hover,
537
537
  .ui.table tr td.selectable.negative:hover,
538
538
  .ui.selectable.table tr:hover td.negative {
539
539
  background: #ffe7e7;
@@ -630,14 +630,14 @@
630
630
  background-color: #2185D0;
631
631
  color: #FFFFFF;
632
632
  }
633
- .ui.table tr.primary,
634
- .ui.table td.primary {
633
+ .ui.ui.ui.ui.table tr.primary,
634
+ .ui.ui.table td.primary {
635
635
  -webkit-box-shadow: 0 0 0 #1a69a4 inset;
636
636
  box-shadow: 0 0 0 #1a69a4 inset;
637
637
  background: #ddf4ff;
638
638
  color: rgba(255, 255, 255, 0.9);
639
639
  }
640
- .ui.selectable.table tr.primary:hover,
640
+ .ui.ui.selectable.table tr.primary:hover,
641
641
  .ui.table tr td.selectable.primary:hover,
642
642
  .ui.selectable.table tr:hover td.primary {
643
643
  background: #d3f1ff;
@@ -650,14 +650,14 @@
650
650
  background-color: #1B1C1D;
651
651
  color: #FFFFFF;
652
652
  }
653
- .ui.table tr.secondary,
654
- .ui.table td.secondary {
653
+ .ui.ui.ui.ui.table tr.secondary,
654
+ .ui.ui.table td.secondary {
655
655
  -webkit-box-shadow: 0 0 0 #020203 inset;
656
656
  box-shadow: 0 0 0 #020203 inset;
657
657
  background: #dddddd;
658
658
  color: rgba(255, 255, 255, 0.9);
659
659
  }
660
- .ui.selectable.table tr.secondary:hover,
660
+ .ui.ui.selectable.table tr.secondary:hover,
661
661
  .ui.table tr td.selectable.secondary:hover,
662
662
  .ui.selectable.table tr:hover td.secondary {
663
663
  background: #e2e2e2;
@@ -670,14 +670,14 @@
670
670
  background-color: #DB2828;
671
671
  color: #FFFFFF;
672
672
  }
673
- .ui.table tr.red,
674
- .ui.table td.red {
673
+ .ui.ui.ui.ui.table tr.red,
674
+ .ui.ui.table td.red {
675
675
  -webkit-box-shadow: 0 0 0 #b21e1e inset;
676
676
  box-shadow: 0 0 0 #b21e1e inset;
677
677
  background: #ffe1df;
678
678
  color: #DB2828;
679
679
  }
680
- .ui.selectable.table tr.red:hover,
680
+ .ui.ui.selectable.table tr.red:hover,
681
681
  .ui.table tr td.selectable.red:hover,
682
682
  .ui.selectable.table tr:hover td.red {
683
683
  background: #ffd7d5;
@@ -690,14 +690,14 @@
690
690
  background-color: #F2711C;
691
691
  color: #FFFFFF;
692
692
  }
693
- .ui.table tr.orange,
694
- .ui.table td.orange {
693
+ .ui.ui.ui.ui.table tr.orange,
694
+ .ui.ui.table td.orange {
695
695
  -webkit-box-shadow: 0 0 0 #cf590c inset;
696
696
  box-shadow: 0 0 0 #cf590c inset;
697
697
  background: #ffe7d1;
698
698
  color: #F2711C;
699
699
  }
700
- .ui.selectable.table tr.orange:hover,
700
+ .ui.ui.selectable.table tr.orange:hover,
701
701
  .ui.table tr td.selectable.orange:hover,
702
702
  .ui.selectable.table tr:hover td.orange {
703
703
  background: #fae1cc;
@@ -710,14 +710,14 @@
710
710
  background-color: #FBBD08;
711
711
  color: #FFFFFF;
712
712
  }
713
- .ui.table tr.yellow,
714
- .ui.table td.yellow {
713
+ .ui.ui.ui.ui.table tr.yellow,
714
+ .ui.ui.table td.yellow {
715
715
  -webkit-box-shadow: 0 0 0 #cd9903 inset;
716
716
  box-shadow: 0 0 0 #cd9903 inset;
717
717
  background: #fff9d2;
718
718
  color: #B58105;
719
719
  }
720
- .ui.selectable.table tr.yellow:hover,
720
+ .ui.ui.selectable.table tr.yellow:hover,
721
721
  .ui.table tr td.selectable.yellow:hover,
722
722
  .ui.selectable.table tr:hover td.yellow {
723
723
  background: #fbf5cc;
@@ -730,14 +730,14 @@
730
730
  background-color: #B5CC18;
731
731
  color: #FFFFFF;
732
732
  }
733
- .ui.table tr.olive,
734
- .ui.table td.olive {
733
+ .ui.ui.ui.ui.table tr.olive,
734
+ .ui.ui.table td.olive {
735
735
  -webkit-box-shadow: 0 0 0 #8d9e13 inset;
736
736
  box-shadow: 0 0 0 #8d9e13 inset;
737
737
  background: #f7fae4;
738
738
  color: #8ABC1E;
739
739
  }
740
- .ui.selectable.table tr.olive:hover,
740
+ .ui.ui.selectable.table tr.olive:hover,
741
741
  .ui.table tr td.selectable.olive:hover,
742
742
  .ui.selectable.table tr:hover td.olive {
743
743
  background: #f6fada;
@@ -750,14 +750,14 @@
750
750
  background-color: #21BA45;
751
751
  color: #FFFFFF;
752
752
  }
753
- .ui.table tr.green,
754
- .ui.table td.green {
753
+ .ui.ui.ui.ui.table tr.green,
754
+ .ui.ui.table td.green {
755
755
  -webkit-box-shadow: 0 0 0 #198f35 inset;
756
756
  box-shadow: 0 0 0 #198f35 inset;
757
757
  background: #d5f5d9;
758
758
  color: #1EBC30;
759
759
  }
760
- .ui.selectable.table tr.green:hover,
760
+ .ui.ui.selectable.table tr.green:hover,
761
761
  .ui.table tr td.selectable.green:hover,
762
762
  .ui.selectable.table tr:hover td.green {
763
763
  background: #d2eed5;
@@ -770,14 +770,14 @@
770
770
  background-color: #00B5AD;
771
771
  color: #FFFFFF;
772
772
  }
773
- .ui.table tr.teal,
774
- .ui.table td.teal {
773
+ .ui.ui.ui.ui.table tr.teal,
774
+ .ui.ui.table td.teal {
775
775
  -webkit-box-shadow: 0 0 0 #00827c inset;
776
776
  box-shadow: 0 0 0 #00827c inset;
777
777
  background: #e2ffff;
778
778
  color: #10A3A3;
779
779
  }
780
- .ui.selectable.table tr.teal:hover,
780
+ .ui.ui.selectable.table tr.teal:hover,
781
781
  .ui.table tr td.selectable.teal:hover,
782
782
  .ui.selectable.table tr:hover td.teal {
783
783
  background: #d8ffff;
@@ -790,14 +790,14 @@
790
790
  background-color: #2185D0;
791
791
  color: #FFFFFF;
792
792
  }
793
- .ui.table tr.blue,
794
- .ui.table td.blue {
793
+ .ui.ui.ui.ui.table tr.blue,
794
+ .ui.ui.table td.blue {
795
795
  -webkit-box-shadow: 0 0 0 #1a69a4 inset;
796
796
  box-shadow: 0 0 0 #1a69a4 inset;
797
797
  background: #ddf4ff;
798
798
  color: #2185D0;
799
799
  }
800
- .ui.selectable.table tr.blue:hover,
800
+ .ui.ui.selectable.table tr.blue:hover,
801
801
  .ui.table tr td.selectable.blue:hover,
802
802
  .ui.selectable.table tr:hover td.blue {
803
803
  background: #d3f1ff;
@@ -810,14 +810,14 @@
810
810
  background-color: #6435C9;
811
811
  color: #FFFFFF;
812
812
  }
813
- .ui.table tr.violet,
814
- .ui.table td.violet {
813
+ .ui.ui.ui.ui.table tr.violet,
814
+ .ui.ui.table td.violet {
815
815
  -webkit-box-shadow: 0 0 0 #502aa1 inset;
816
816
  box-shadow: 0 0 0 #502aa1 inset;
817
817
  background: #ece9fe;
818
818
  color: #6435C9;
819
819
  }
820
- .ui.selectable.table tr.violet:hover,
820
+ .ui.ui.selectable.table tr.violet:hover,
821
821
  .ui.table tr td.selectable.violet:hover,
822
822
  .ui.selectable.table tr:hover td.violet {
823
823
  background: #e3deff;
@@ -830,14 +830,14 @@
830
830
  background-color: #A333C8;
831
831
  color: #FFFFFF;
832
832
  }
833
- .ui.table tr.purple,
834
- .ui.table td.purple {
833
+ .ui.ui.ui.ui.table tr.purple,
834
+ .ui.ui.table td.purple {
835
835
  -webkit-box-shadow: 0 0 0 #82299f inset;
836
836
  box-shadow: 0 0 0 #82299f inset;
837
837
  background: #f8e3ff;
838
838
  color: #A333C8;
839
839
  }
840
- .ui.selectable.table tr.purple:hover,
840
+ .ui.ui.selectable.table tr.purple:hover,
841
841
  .ui.table tr td.selectable.purple:hover,
842
842
  .ui.selectable.table tr:hover td.purple {
843
843
  background: #f5d9ff;
@@ -850,14 +850,14 @@
850
850
  background-color: #E03997;
851
851
  color: #FFFFFF;
852
852
  }
853
- .ui.table tr.pink,
854
- .ui.table td.pink {
853
+ .ui.ui.ui.ui.table tr.pink,
854
+ .ui.ui.table td.pink {
855
855
  -webkit-box-shadow: 0 0 0 #c71f7e inset;
856
856
  box-shadow: 0 0 0 #c71f7e inset;
857
857
  background: #ffe8f9;
858
858
  color: #E03997;
859
859
  }
860
- .ui.selectable.table tr.pink:hover,
860
+ .ui.ui.selectable.table tr.pink:hover,
861
861
  .ui.table tr td.selectable.pink:hover,
862
862
  .ui.selectable.table tr:hover td.pink {
863
863
  background: #ffdef6;
@@ -870,14 +870,14 @@
870
870
  background-color: #A5673F;
871
871
  color: #FFFFFF;
872
872
  }
873
- .ui.table tr.brown,
874
- .ui.table td.brown {
873
+ .ui.ui.ui.ui.table tr.brown,
874
+ .ui.ui.table td.brown {
875
875
  -webkit-box-shadow: 0 0 0 #805031 inset;
876
876
  box-shadow: 0 0 0 #805031 inset;
877
877
  background: #f7e5d2;
878
878
  color: #A5673F;
879
879
  }
880
- .ui.selectable.table tr.brown:hover,
880
+ .ui.ui.selectable.table tr.brown:hover,
881
881
  .ui.table tr td.selectable.brown:hover,
882
882
  .ui.selectable.table tr:hover td.brown {
883
883
  background: #efe0cf;
@@ -890,14 +890,14 @@
890
890
  background-color: #767676;
891
891
  color: #FFFFFF;
892
892
  }
893
- .ui.table tr.grey,
894
- .ui.table td.grey {
893
+ .ui.ui.ui.ui.table tr.grey,
894
+ .ui.ui.table td.grey {
895
895
  -webkit-box-shadow: 0 0 0 #5d5d5d inset;
896
896
  box-shadow: 0 0 0 #5d5d5d inset;
897
897
  background: #DCDDDE;
898
898
  color: #767676;
899
899
  }
900
- .ui.selectable.table tr.grey:hover,
900
+ .ui.ui.selectable.table tr.grey:hover,
901
901
  .ui.table tr td.selectable.grey:hover,
902
902
  .ui.selectable.table tr:hover td.grey {
903
903
  background: #c2c4c5;
@@ -910,14 +910,14 @@
910
910
  background-color: #1B1C1D;
911
911
  color: #FFFFFF;
912
912
  }
913
- .ui.table tr.black,
914
- .ui.table td.black {
913
+ .ui.ui.ui.ui.table tr.black,
914
+ .ui.ui.table td.black {
915
915
  -webkit-box-shadow: 0 0 0 #020203 inset;
916
916
  box-shadow: 0 0 0 #020203 inset;
917
917
  background: #545454;
918
918
  color: #FFFFFF;
919
919
  }
920
- .ui.selectable.table tr.black:hover,
920
+ .ui.ui.selectable.table tr.black:hover,
921
921
  .ui.table tr td.selectable.black:hover,
922
922
  .ui.selectable.table tr:hover td.black {
923
923
  background: #000000;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Button
2
+ * # Semantic UI 2.7.2 - Button
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -630,7 +630,7 @@
630
630
  ---------------*/
631
631
 
632
632
  .ui.button > .icon:not(.button) {
633
- height: 0.85714286em;
633
+ height: auto;
634
634
  opacity: 0.8;
635
635
  margin: 0 0.42857143em 0 -0.21428571em;
636
636
  -webkit-transition: opacity 0.1s ease;
@@ -692,17 +692,17 @@
692
692
 
693
693
  .ui.mini.buttons .button,
694
694
  .ui.mini.buttons .or,
695
- .ui.mini.button {
695
+ .ui.ui.ui.ui.mini.button {
696
696
  font-size: 0.78571429rem;
697
697
  }
698
698
  .ui.tiny.buttons .button,
699
699
  .ui.tiny.buttons .or,
700
- .ui.tiny.button {
700
+ .ui.ui.ui.ui.tiny.button {
701
701
  font-size: 0.85714286rem;
702
702
  }
703
703
  .ui.small.buttons .button,
704
704
  .ui.small.buttons .or,
705
- .ui.small.button {
705
+ .ui.ui.ui.ui.small.button {
706
706
  font-size: 0.92857143rem;
707
707
  }
708
708
  .ui.buttons .button,
@@ -712,22 +712,22 @@
712
712
  }
713
713
  .ui.large.buttons .button,
714
714
  .ui.large.buttons .or,
715
- .ui.large.button {
715
+ .ui.ui.ui.ui.large.button {
716
716
  font-size: 1.14285714rem;
717
717
  }
718
718
  .ui.big.buttons .button,
719
719
  .ui.big.buttons .or,
720
- .ui.big.button {
720
+ .ui.ui.ui.ui.big.button {
721
721
  font-size: 1.28571429rem;
722
722
  }
723
723
  .ui.huge.buttons .button,
724
724
  .ui.huge.buttons .or,
725
- .ui.huge.button {
725
+ .ui.ui.ui.ui.huge.button {
726
726
  font-size: 1.42857143rem;
727
727
  }
728
728
  .ui.massive.buttons .button,
729
729
  .ui.massive.buttons .or,
730
- .ui.massive.button {
730
+ .ui.ui.ui.ui.massive.button {
731
731
  font-size: 1.71428571rem;
732
732
  }
733
733
 
@@ -978,6 +978,9 @@
978
978
  border-top-left-radius: inherit;
979
979
  border-bottom-left-radius: inherit;
980
980
  text-align: center;
981
+ -webkit-animation: none;
982
+ animation: none;
983
+ padding: 0.78571429em 0 0.78571429em 0;
981
984
  margin: 0;
982
985
  width: 2.57142857em;
983
986
  background-color: rgba(0, 0, 0, 0.05);
@@ -1005,12 +1008,10 @@
1005
1008
  .ui.labeled.icon.buttons > .button > .icon:after,
1006
1009
  .ui.labeled.icon.button > .icon:after {
1007
1010
  display: block;
1008
- position: absolute;
1011
+ position: relative;
1009
1012
  width: 100%;
1010
- top: 50%;
1013
+ top: 0;
1011
1014
  text-align: center;
1012
- -webkit-transform: translateY(-50%);
1013
- transform: translateY(-50%);
1014
1015
  }
1015
1016
  .ui.labeled.icon.buttons .button > .icon {
1016
1017
  border-radius: 0;
@@ -1039,6 +1040,12 @@
1039
1040
  padding-right: 1.5em !important;
1040
1041
  }
1041
1042
 
1043
+ /* Loading Icon in Labeled Button */
1044
+ .ui.labeled.icon.button > .loading.icon:before {
1045
+ -webkit-animation: loader 2s linear infinite;
1046
+ animation: loader 2s linear infinite;
1047
+ }
1048
+
1042
1049
  /*--------------
1043
1050
  Toggle
1044
1051
  ---------------*/
@@ -1160,7 +1167,7 @@
1160
1167
  display: flex;
1161
1168
  border-radius: 0;
1162
1169
  width: auto !important;
1163
- z-index: 2;
1170
+ z-index: auto;
1164
1171
  margin-left: -1px;
1165
1172
  margin-right: -1px;
1166
1173
  }