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.
- checksums.yaml +4 -4
- data/README.md +7 -7
- data/app/assets/javascripts/semantic-ui/accordion.js +0 -6
- data/app/assets/javascripts/semantic-ui/api.js +1 -1
- data/app/assets/javascripts/semantic-ui/calendar.js +40 -12
- data/app/assets/javascripts/semantic-ui/checkbox.js +9 -0
- data/app/assets/javascripts/semantic-ui/dimmer.js +2 -4
- data/app/assets/javascripts/semantic-ui/dropdown.js +9 -11
- data/app/assets/javascripts/semantic-ui/embed.js +0 -1
- data/app/assets/javascripts/semantic-ui/form.js +10 -16
- data/app/assets/javascripts/semantic-ui/modal.js +28 -17
- data/app/assets/javascripts/semantic-ui/nag.js +1 -20
- data/app/assets/javascripts/semantic-ui/popup.js +0 -4
- data/app/assets/javascripts/semantic-ui/progress.js +161 -102
- data/app/assets/javascripts/semantic-ui/rating.js +0 -1
- data/app/assets/javascripts/semantic-ui/search.js +2 -7
- data/app/assets/javascripts/semantic-ui/shape.js +68 -145
- data/app/assets/javascripts/semantic-ui/sidebar.js +14 -12
- data/app/assets/javascripts/semantic-ui/site.js +0 -1
- data/app/assets/javascripts/semantic-ui/state.js +0 -1
- data/app/assets/javascripts/semantic-ui/sticky.js +1 -7
- data/app/assets/javascripts/semantic-ui/tab.js +17 -4
- data/app/assets/javascripts/semantic-ui/transition.js +7 -23
- data/app/assets/javascripts/semantic-ui/visibility.js +1 -3
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +4 -3
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +16 -16
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +8 -4
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +12 -3
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +3 -11
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +3 -0
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +7 -5
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +5 -5
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +21 -4
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +0 -1
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +4 -0
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +6 -0
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +72 -3
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +60 -41
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +73 -35
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +5 -0
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +4 -1
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +189 -3
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
- data/lib/fomantic/ui/sass/version.rb +2 -2
- 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
|
@@ -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 {
|
@@ -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:
|
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:
|
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:
|
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:
|
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:
|
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:
|
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;
|
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.
|
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
|
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.
|
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
|