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.
- 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
|