fomantic-ui-sass 2.7.2 → 2.7.3

Sign up to get free protection for your applications and to get access to all the features.
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