fomantic-ui-sass 2.7.2 → 2.7.3

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 (53) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +7 -7
  3. data/app/assets/javascripts/semantic-ui/accordion.js +0 -6
  4. data/app/assets/javascripts/semantic-ui/api.js +1 -1
  5. data/app/assets/javascripts/semantic-ui/calendar.js +40 -12
  6. data/app/assets/javascripts/semantic-ui/checkbox.js +9 -0
  7. data/app/assets/javascripts/semantic-ui/dimmer.js +2 -4
  8. data/app/assets/javascripts/semantic-ui/dropdown.js +9 -11
  9. data/app/assets/javascripts/semantic-ui/embed.js +0 -1
  10. data/app/assets/javascripts/semantic-ui/form.js +10 -16
  11. data/app/assets/javascripts/semantic-ui/modal.js +28 -17
  12. data/app/assets/javascripts/semantic-ui/nag.js +1 -20
  13. data/app/assets/javascripts/semantic-ui/popup.js +0 -4
  14. data/app/assets/javascripts/semantic-ui/progress.js +161 -102
  15. data/app/assets/javascripts/semantic-ui/rating.js +0 -1
  16. data/app/assets/javascripts/semantic-ui/search.js +2 -7
  17. data/app/assets/javascripts/semantic-ui/shape.js +68 -145
  18. data/app/assets/javascripts/semantic-ui/sidebar.js +14 -12
  19. data/app/assets/javascripts/semantic-ui/site.js +0 -1
  20. data/app/assets/javascripts/semantic-ui/state.js +0 -1
  21. data/app/assets/javascripts/semantic-ui/sticky.js +1 -7
  22. data/app/assets/javascripts/semantic-ui/tab.js +17 -4
  23. data/app/assets/javascripts/semantic-ui/transition.js +7 -23
  24. data/app/assets/javascripts/semantic-ui/visibility.js +1 -3
  25. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +4 -3
  26. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +16 -16
  27. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +8 -4
  28. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +12 -3
  29. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +3 -11
  30. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +3 -3
  31. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +3 -0
  33. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +7 -5
  34. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +5 -5
  35. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +21 -4
  36. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +0 -1
  37. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +4 -0
  38. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +6 -0
  39. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +72 -3
  41. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +60 -41
  42. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +73 -35
  44. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +5 -0
  46. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +4 -1
  47. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +4 -4
  48. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/views/_card.scss +189 -3
  50. data/app/assets/stylesheets/semantic-ui/views/_item.scss +3 -3
  51. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  52. data/lib/fomantic/ui/sass/version.rb +2 -2
  53. metadata +3 -3
@@ -132,6 +132,11 @@
132
132
  -webkit-transition: opacity 0.6s ease-in-out;
133
133
  transition: opacity 0.6s ease-in-out;
134
134
  }
135
+ .ui.shape .animating.side *,
136
+ .ui.shape.animating .side * {
137
+ -webkit-transition: none;
138
+ transition: none;
139
+ }
135
140
 
136
141
  /*--------------
137
142
  Active
@@ -88,7 +88,10 @@
88
88
 
89
89
  /* Whole Page */
90
90
  body.pushable {
91
- background: #545454 !important;
91
+ background: #545454;
92
+ }
93
+ body.pushable.dimmed {
94
+ background: inherit;
92
95
  }
93
96
 
94
97
  /* Page Context */
@@ -4,14 +4,14 @@
4
4
  Theme
5
5
  *******************************/
6
6
 
7
- .ui.slider:not(.vertical) {
7
+ .ui.slider:not(.vertical):not(.checkbox) {
8
8
  width: 100%;
9
9
  padding: 1em 0.5em;
10
10
  }
11
- .ui.slider {
11
+ .ui.slider:not(.checkbox) {
12
12
  position: relative;
13
13
  }
14
- .ui.slider:focus {
14
+ .ui.slider:not(.checkbox):focus {
15
15
  outline: 0;
16
16
  }
17
17
  .ui.slider .inner {
@@ -82,7 +82,7 @@
82
82
  Disabled
83
83
  ---------------*/
84
84
 
85
- .ui.disabled.slider {
85
+ .ui.disabled.slider:not(.checkbox) {
86
86
  opacity: 0.5;
87
87
  }
88
88
  .ui.disabled.slider .inner:hover {
@@ -223,7 +223,7 @@
223
223
  .ui.mobile.ad {
224
224
  display: none;
225
225
  }
226
- @media only screen and (max-width: 767px) {
226
+ @media only screen and (max-width: 767.99px) {
227
227
  .ui.mobile.ad {
228
228
  display: block;
229
229
  }
@@ -331,6 +331,12 @@
331
331
  margin: 0 -1px;
332
332
  width: calc(100% + 2px);
333
333
  }
334
+ .ui.cards > .card > .buttons:last-child,
335
+ .ui.card > .buttons:last-child,
336
+ .ui.cards > .card > .button:last-child,
337
+ .ui.card > .button:last-child {
338
+ margin-bottom: -1px;
339
+ }
334
340
 
335
341
  /*--------------
336
342
  Dimmer
@@ -548,6 +554,18 @@ a.ui.card:hover,
548
554
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD;
549
555
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD;
550
556
  }
557
+ .ui.inverted.primary.cards > .card,
558
+ .ui.inverted.cards > .primary.card,
559
+ .ui.inverted.primary.card {
560
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54C8FF, 0 0 0 1px #555555;
561
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54C8FF, 0 0 0 1px #555555;
562
+ }
563
+ .ui.inverted.primary.cards > .card:hover,
564
+ .ui.inverted.cards > .primary.card:hover,
565
+ .ui.inverted.primary.card:hover {
566
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
567
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
568
+ }
551
569
  .ui.secondary.cards > .card,
552
570
  .ui.cards > .secondary.card,
553
571
  .ui.secondary.card {
@@ -560,6 +578,18 @@ a.ui.card:hover,
560
578
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD;
561
579
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD;
562
580
  }
581
+ .ui.inverted.secondary.cards > .card,
582
+ .ui.inverted.cards > .secondary.card,
583
+ .ui.inverted.secondary.card {
584
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #545454, 0 0 0 1px #555555;
585
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #545454, 0 0 0 1px #555555;
586
+ }
587
+ .ui.inverted.secondary.cards > .card:hover,
588
+ .ui.inverted.cards > .secondary.card:hover,
589
+ .ui.inverted.secondary.card:hover {
590
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #6e6e6e, 0 0 0 1px #555555;
591
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #6e6e6e, 0 0 0 1px #555555;
592
+ }
563
593
  .ui.red.cards > .card,
564
594
  .ui.cards > .red.card,
565
595
  .ui.red.card {
@@ -572,6 +602,18 @@ a.ui.card:hover,
572
602
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #d01919, 0 1px 3px 0 #BCBDBD;
573
603
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #d01919, 0 1px 3px 0 #BCBDBD;
574
604
  }
605
+ .ui.inverted.red.cards > .card,
606
+ .ui.inverted.cards > .red.card,
607
+ .ui.inverted.red.card {
608
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FF695E, 0 0 0 1px #555555;
609
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FF695E, 0 0 0 1px #555555;
610
+ }
611
+ .ui.inverted.red.cards > .card:hover,
612
+ .ui.inverted.cards > .red.card:hover,
613
+ .ui.inverted.red.card:hover {
614
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ff392b, 0 0 0 1px #555555;
615
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ff392b, 0 0 0 1px #555555;
616
+ }
575
617
  .ui.orange.cards > .card,
576
618
  .ui.cards > .orange.card,
577
619
  .ui.orange.card {
@@ -584,6 +626,18 @@ a.ui.card:hover,
584
626
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #f26202, 0 1px 3px 0 #BCBDBD;
585
627
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #f26202, 0 1px 3px 0 #BCBDBD;
586
628
  }
629
+ .ui.inverted.orange.cards > .card,
630
+ .ui.inverted.cards > .orange.card,
631
+ .ui.inverted.orange.card {
632
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FF851B, 0 0 0 1px #555555;
633
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FF851B, 0 0 0 1px #555555;
634
+ }
635
+ .ui.inverted.orange.cards > .card:hover,
636
+ .ui.inverted.cards > .orange.card:hover,
637
+ .ui.inverted.orange.card:hover {
638
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #e76b00, 0 0 0 1px #555555;
639
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #e76b00, 0 0 0 1px #555555;
640
+ }
587
641
  .ui.yellow.cards > .card,
588
642
  .ui.cards > .yellow.card,
589
643
  .ui.yellow.card {
@@ -596,6 +650,18 @@ a.ui.card:hover,
596
650
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #BCBDBD;
597
651
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #BCBDBD;
598
652
  }
653
+ .ui.inverted.yellow.cards > .card,
654
+ .ui.inverted.cards > .yellow.card,
655
+ .ui.inverted.yellow.card {
656
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FFE21F, 0 0 0 1px #555555;
657
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FFE21F, 0 0 0 1px #555555;
658
+ }
659
+ .ui.inverted.yellow.cards > .card:hover,
660
+ .ui.inverted.cards > .yellow.card:hover,
661
+ .ui.inverted.yellow.card:hover {
662
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ebcd00, 0 0 0 1px #555555;
663
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ebcd00, 0 0 0 1px #555555;
664
+ }
599
665
  .ui.olive.cards > .card,
600
666
  .ui.cards > .olive.card,
601
667
  .ui.olive.card {
@@ -608,6 +674,18 @@ a.ui.card:hover,
608
674
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #BCBDBD;
609
675
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #BCBDBD;
610
676
  }
677
+ .ui.inverted.olive.cards > .card,
678
+ .ui.inverted.cards > .olive.card,
679
+ .ui.inverted.olive.card {
680
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #D9E778, 0 0 0 1px #555555;
681
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #D9E778, 0 0 0 1px #555555;
682
+ }
683
+ .ui.inverted.olive.cards > .card:hover,
684
+ .ui.inverted.cards > .olive.card:hover,
685
+ .ui.inverted.olive.card:hover {
686
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #d2e745, 0 0 0 1px #555555;
687
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #d2e745, 0 0 0 1px #555555;
688
+ }
611
689
  .ui.green.cards > .card,
612
690
  .ui.cards > .green.card,
613
691
  .ui.green.card {
@@ -620,6 +698,18 @@ a.ui.card:hover,
620
698
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #BCBDBD;
621
699
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #BCBDBD;
622
700
  }
701
+ .ui.inverted.green.cards > .card,
702
+ .ui.inverted.cards > .green.card,
703
+ .ui.inverted.green.card {
704
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #2ECC40, 0 0 0 1px #555555;
705
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #2ECC40, 0 0 0 1px #555555;
706
+ }
707
+ .ui.inverted.green.cards > .card:hover,
708
+ .ui.inverted.cards > .green.card:hover,
709
+ .ui.inverted.green.card:hover {
710
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #1ea92e, 0 0 0 1px #555555;
711
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #1ea92e, 0 0 0 1px #555555;
712
+ }
623
713
  .ui.teal.cards > .card,
624
714
  .ui.cards > .teal.card,
625
715
  .ui.teal.card {
@@ -632,6 +722,18 @@ a.ui.card:hover,
632
722
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #009c95, 0 1px 3px 0 #BCBDBD;
633
723
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #009c95, 0 1px 3px 0 #BCBDBD;
634
724
  }
725
+ .ui.inverted.teal.cards > .card,
726
+ .ui.inverted.cards > .teal.card,
727
+ .ui.inverted.teal.card {
728
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #6DFFFF, 0 0 0 1px #555555;
729
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #6DFFFF, 0 0 0 1px #555555;
730
+ }
731
+ .ui.inverted.teal.cards > .card:hover,
732
+ .ui.inverted.cards > .teal.card:hover,
733
+ .ui.inverted.teal.card:hover {
734
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #3affff, 0 0 0 1px #555555;
735
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #3affff, 0 0 0 1px #555555;
736
+ }
635
737
  .ui.blue.cards > .card,
636
738
  .ui.cards > .blue.card,
637
739
  .ui.blue.card {
@@ -644,6 +746,18 @@ a.ui.card:hover,
644
746
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD;
645
747
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD;
646
748
  }
749
+ .ui.inverted.blue.cards > .card,
750
+ .ui.inverted.cards > .blue.card,
751
+ .ui.inverted.blue.card {
752
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54C8FF, 0 0 0 1px #555555;
753
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54C8FF, 0 0 0 1px #555555;
754
+ }
755
+ .ui.inverted.blue.cards > .card:hover,
756
+ .ui.inverted.cards > .blue.card:hover,
757
+ .ui.inverted.blue.card:hover {
758
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
759
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
760
+ }
647
761
  .ui.violet.cards > .card,
648
762
  .ui.cards > .violet.card,
649
763
  .ui.violet.card {
@@ -656,6 +770,18 @@ a.ui.card:hover,
656
770
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD;
657
771
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD;
658
772
  }
773
+ .ui.inverted.violet.cards > .card,
774
+ .ui.inverted.cards > .violet.card,
775
+ .ui.inverted.violet.card {
776
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #A291FB, 0 0 0 1px #555555;
777
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #A291FB, 0 0 0 1px #555555;
778
+ }
779
+ .ui.inverted.violet.cards > .card:hover,
780
+ .ui.inverted.cards > .violet.card:hover,
781
+ .ui.inverted.violet.card:hover {
782
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #745aff, 0 0 0 1px #555555;
783
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #745aff, 0 0 0 1px #555555;
784
+ }
659
785
  .ui.purple.cards > .card,
660
786
  .ui.cards > .purple.card,
661
787
  .ui.purple.card {
@@ -668,6 +794,18 @@ a.ui.card:hover,
668
794
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #BCBDBD;
669
795
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #BCBDBD;
670
796
  }
797
+ .ui.inverted.purple.cards > .card,
798
+ .ui.inverted.cards > .purple.card,
799
+ .ui.inverted.purple.card {
800
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #DC73FF, 0 0 0 1px #555555;
801
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #DC73FF, 0 0 0 1px #555555;
802
+ }
803
+ .ui.inverted.purple.cards > .card:hover,
804
+ .ui.inverted.cards > .purple.card:hover,
805
+ .ui.inverted.purple.card:hover {
806
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #cf40ff, 0 0 0 1px #555555;
807
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #cf40ff, 0 0 0 1px #555555;
808
+ }
671
809
  .ui.pink.cards > .card,
672
810
  .ui.cards > .pink.card,
673
811
  .ui.pink.card {
@@ -680,6 +818,18 @@ a.ui.card:hover,
680
818
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #BCBDBD;
681
819
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #BCBDBD;
682
820
  }
821
+ .ui.inverted.pink.cards > .card,
822
+ .ui.inverted.cards > .pink.card,
823
+ .ui.inverted.pink.card {
824
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FF8EDF, 0 0 0 1px #555555;
825
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #FF8EDF, 0 0 0 1px #555555;
826
+ }
827
+ .ui.inverted.pink.cards > .card:hover,
828
+ .ui.inverted.cards > .pink.card:hover,
829
+ .ui.inverted.pink.card:hover {
830
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ff5bd1, 0 0 0 1px #555555;
831
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ff5bd1, 0 0 0 1px #555555;
832
+ }
683
833
  .ui.brown.cards > .card,
684
834
  .ui.cards > .brown.card,
685
835
  .ui.brown.card {
@@ -692,6 +842,18 @@ a.ui.card:hover,
692
842
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #975b33, 0 1px 3px 0 #BCBDBD;
693
843
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #975b33, 0 1px 3px 0 #BCBDBD;
694
844
  }
845
+ .ui.inverted.brown.cards > .card,
846
+ .ui.inverted.cards > .brown.card,
847
+ .ui.inverted.brown.card {
848
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #D67C1C, 0 0 0 1px #555555;
849
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #D67C1C, 0 0 0 1px #555555;
850
+ }
851
+ .ui.inverted.brown.cards > .card:hover,
852
+ .ui.inverted.cards > .brown.card:hover,
853
+ .ui.inverted.brown.card:hover {
854
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #b0620f, 0 0 0 1px #555555;
855
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #b0620f, 0 0 0 1px #555555;
856
+ }
695
857
  .ui.grey.cards > .card,
696
858
  .ui.cards > .grey.card,
697
859
  .ui.grey.card {
@@ -704,6 +866,18 @@ a.ui.card:hover,
704
866
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #838383, 0 1px 3px 0 #BCBDBD;
705
867
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #838383, 0 1px 3px 0 #BCBDBD;
706
868
  }
869
+ .ui.inverted.grey.cards > .card,
870
+ .ui.inverted.cards > .grey.card,
871
+ .ui.inverted.grey.card {
872
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #DCDDDE, 0 0 0 1px #555555;
873
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #DCDDDE, 0 0 0 1px #555555;
874
+ }
875
+ .ui.inverted.grey.cards > .card:hover,
876
+ .ui.inverted.cards > .grey.card:hover,
877
+ .ui.inverted.grey.card:hover {
878
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #c2c4c5, 0 0 0 1px #555555;
879
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #c2c4c5, 0 0 0 1px #555555;
880
+ }
707
881
  .ui.black.cards > .card,
708
882
  .ui.cards > .black.card,
709
883
  .ui.black.card {
@@ -716,6 +890,18 @@ a.ui.card:hover,
716
890
  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD;
717
891
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD;
718
892
  }
893
+ .ui.inverted.black.cards > .card,
894
+ .ui.inverted.cards > .black.card,
895
+ .ui.inverted.black.card {
896
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #545454, 0 0 0 1px #555555;
897
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #545454, 0 0 0 1px #555555;
898
+ }
899
+ .ui.inverted.black.cards > .card:hover,
900
+ .ui.inverted.cards > .black.card:hover,
901
+ .ui.inverted.black.card:hover {
902
+ -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #000000, 0 0 0 1px #555555;
903
+ box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #000000, 0 0 0 1px #555555;
904
+ }
719
905
 
720
906
  /*--------------
721
907
  Card Count
@@ -818,7 +1004,7 @@ a.ui.card:hover,
818
1004
 
819
1005
 
820
1006
  /* Mobile Only */
821
- @media only screen and (max-width: 767px) {
1007
+ @media only screen and (max-width: 767.99px) {
822
1008
  .ui.two.doubling.cards {
823
1009
  margin-left: 0;
824
1010
  margin-right: 0;
@@ -903,7 +1089,7 @@ a.ui.card:hover,
903
1089
  }
904
1090
 
905
1091
  /* Tablet Only */
906
- @media only screen and (min-width: 768px) and (max-width: 991px) {
1092
+ @media only screen and (min-width: 768px) and (max-width: 991.99px) {
907
1093
  .ui.two.doubling.cards {
908
1094
  margin-left: 0;
909
1095
  margin-right: 0;
@@ -991,7 +1177,7 @@ a.ui.card:hover,
991
1177
  Stackable
992
1178
  --------------------*/
993
1179
 
994
- @media only screen and (max-width: 767px) {
1180
+ @media only screen and (max-width: 767.99px) {
995
1181
  .ui.stackable.cards {
996
1182
  display: block !important;
997
1183
  }
@@ -341,7 +341,7 @@
341
341
  }
342
342
 
343
343
  /* Tablet Only */
344
- @media only screen and (min-width: 768px) and (max-width: 991px) {
344
+ @media only screen and (min-width: 768px) and (max-width: 991.99px) {
345
345
  .ui.items > .item {
346
346
  margin: 1em 0;
347
347
  }
@@ -355,7 +355,7 @@
355
355
  }
356
356
 
357
357
  /* Mobile Only */
358
- @media only screen and (max-width: 767px) {
358
+ @media only screen and (max-width: 767.99px) {
359
359
  .ui.items:not(.unstackable) > .item {
360
360
  -webkit-box-orient: vertical;
361
361
  -webkit-box-direction: normal;
@@ -468,7 +468,7 @@
468
468
  Unstackable
469
469
  ----------------*/
470
470
 
471
- @media only screen and (max-width: 767px) {
471
+ @media only screen and (max-width: 767.99px) {
472
472
  .ui.unstackable.items > .item > .image,
473
473
  .ui.unstackable.items > .item > .image > img {
474
474
  width: 125px !important;
@@ -498,7 +498,7 @@
498
498
  Stackable
499
499
  ---------------*/
500
500
 
501
- @media only screen and (max-width: 767px) {
501
+ @media only screen and (max-width: 767.99px) {
502
502
  .ui.stackable.statistics {
503
503
  width: auto;
504
504
  margin-left: 0 !important;
@@ -1,8 +1,8 @@
1
1
  module Fomantic
2
2
  module Ui
3
3
  module Sass
4
- VERSION = '2.7.2'.freeze
5
- SEMANTIC_UI_SHA = '9ac555ac53460eb2f5b2ee0148c9a1fbc7bb2bc2'.freeze
4
+ VERSION = '2.7.3'.freeze
5
+ SEMANTIC_UI_SHA = 'c23624e432ac61fd7fe67fa99611c6422cc6b320'.freeze
6
6
  end
7
7
  end
8
8
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: fomantic-ui-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.7.2
4
+ version: 2.7.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - doabit
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2019-02-05 00:00:00.000000000 Z
12
+ date: 2019-04-02 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: autoprefixer-rails
@@ -362,7 +362,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
362
362
  - !ruby/object:Gem::Version
363
363
  version: '0'
364
364
  requirements: []
365
- rubygems_version: 3.0.1
365
+ rubygems_version: 3.0.3
366
366
  signing_key:
367
367
  specification_version: 4
368
368
  summary: Fomantic UI, converted to Sass and ready to drop into Rails, Compass, or