semantic-ui-sass 1.12.3.0 → 2.0.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/app/assets/javascripts/semantic-ui.js +1 -0
- data/app/assets/javascripts/semantic-ui/accordion.js +67 -53
- data/app/assets/javascripts/semantic-ui/api.js +395 -189
- data/app/assets/javascripts/semantic-ui/checkbox.js +322 -114
- data/app/assets/javascripts/semantic-ui/colorize.js +4 -2
- data/app/assets/javascripts/semantic-ui/dimmer.js +74 -50
- data/app/assets/javascripts/semantic-ui/dropdown.js +2046 -584
- data/app/assets/javascripts/semantic-ui/embed.js +662 -0
- data/app/assets/javascripts/semantic-ui/form.js +345 -163
- data/app/assets/javascripts/semantic-ui/modal.js +119 -90
- data/app/assets/javascripts/semantic-ui/nag.js +8 -9
- data/app/assets/javascripts/semantic-ui/popup.js +390 -228
- data/app/assets/javascripts/semantic-ui/progress.js +112 -103
- data/app/assets/javascripts/semantic-ui/rating.js +79 -55
- data/app/assets/javascripts/semantic-ui/search.js +305 -123
- data/app/assets/javascripts/semantic-ui/shape.js +94 -48
- data/app/assets/javascripts/semantic-ui/sidebar.js +84 -151
- data/app/assets/javascripts/semantic-ui/site.js +5 -5
- data/app/assets/javascripts/semantic-ui/state.js +4 -4
- data/app/assets/javascripts/semantic-ui/sticky.js +108 -35
- data/app/assets/javascripts/semantic-ui/tab.js +220 -125
- data/app/assets/javascripts/semantic-ui/transition.js +205 -171
- data/app/assets/javascripts/semantic-ui/visibility.js +220 -100
- data/app/assets/javascripts/semantic-ui/visit.js +6 -4
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +17 -16
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +223 -121
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +462 -448
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +949 -665
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +134 -92
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +270 -208
- data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1357 -521
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +125 -0
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +51 -31
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +270 -144
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +241 -110
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +30 -16
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +88 -53
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +432 -281
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +172 -128
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +16 -14
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +15 -7
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +32 -13
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +329 -212
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +291 -99
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +19 -18
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +17 -18
- data/app/assets/stylesheets/semantic-ui/modules/_all.scss +1 -0
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +265 -161
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +29 -15
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +441 -156
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +168 -0
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +163 -85
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +8 -8
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +88 -23
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +185 -129
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +75 -60
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +99 -52
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +11 -11
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +16 -12
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +31 -39
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -0
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +204 -162
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -6
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +51 -26
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +62 -36
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +265 -90
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/semantic-ui-sass.gemspec +2 -2
- metadata +9 -6
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI 2.0.4 - Shape
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2015 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
@@ -16,9 +16,12 @@
|
|
16
16
|
|
17
17
|
.ui.shape {
|
18
18
|
position: relative;
|
19
|
+
vertical-align: top;
|
19
20
|
display: inline-block;
|
20
21
|
-webkit-perspective: 2000px;
|
21
22
|
perspective: 2000px;
|
23
|
+
-webkit-transition: -webkit-transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
|
24
|
+
transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
|
22
25
|
}
|
23
26
|
.ui.shape .sides {
|
24
27
|
-webkit-transform-style: preserve-3d;
|
@@ -34,7 +37,7 @@
|
|
34
37
|
.ui.shape .side {
|
35
38
|
display: none;
|
36
39
|
}
|
37
|
-
.ui.shape .side
|
40
|
+
.ui.shape .side * {
|
38
41
|
-webkit-backface-visibility: visible !important;
|
39
42
|
backface-visibility: visible !important;
|
40
43
|
}
|
@@ -49,7 +52,7 @@
|
|
49
52
|
height: 15em;
|
50
53
|
padding: 2em;
|
51
54
|
background-color: #e6e6e6;
|
52
|
-
color: rgba(0, 0, 0, 0.
|
55
|
+
color: rgba(0, 0, 0, 0.87);
|
53
56
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
|
54
57
|
}
|
55
58
|
.ui.cube.shape .side > .content {
|
@@ -107,26 +110,23 @@
|
|
107
110
|
position: absolute;
|
108
111
|
top: 0px;
|
109
112
|
left: 0px;
|
113
|
+
display: block;
|
110
114
|
z-index: 100;
|
111
115
|
}
|
112
116
|
.ui.shape .hidden.side {
|
113
|
-
opacity: 0.
|
117
|
+
opacity: 0.6;
|
114
118
|
}
|
115
119
|
|
116
120
|
/*--------------
|
117
121
|
CSS
|
118
122
|
---------------*/
|
119
123
|
|
120
|
-
.ui.shape.animating {
|
121
|
-
-webkit-transition: all 0.6s ease-in-out;
|
122
|
-
transition: all 0.6s ease-in-out;
|
123
|
-
}
|
124
124
|
.ui.shape.animating .sides {
|
125
125
|
position: absolute;
|
126
126
|
}
|
127
127
|
.ui.shape.animating .sides {
|
128
|
-
-webkit-transition:
|
129
|
-
transition:
|
128
|
+
-webkit-transition: -webkit-transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
|
129
|
+
transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
|
130
130
|
}
|
131
131
|
.ui.shape.animating .side {
|
132
132
|
-webkit-transition: opacity 0.6s ease-in-out;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI 2.0.4 - Sidebar
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2015 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
@@ -30,6 +30,7 @@
|
|
30
30
|
visibility: hidden;
|
31
31
|
-webkit-overflow-scrolling: touch;
|
32
32
|
height: 100% !important;
|
33
|
+
max-height: 100%;
|
33
34
|
border-radius: 0em !important;
|
34
35
|
margin: 0em !important;
|
35
36
|
overflow-y: auto !important;
|
@@ -64,7 +65,6 @@
|
|
64
65
|
.ui.bottom.sidebar {
|
65
66
|
width: 100% !important;
|
66
67
|
height: auto !important;
|
67
|
-
overflow-y: visible !important;
|
68
68
|
}
|
69
69
|
.ui.top.sidebar {
|
70
70
|
top: 0px !important;
|
@@ -91,7 +91,7 @@
|
|
91
91
|
|
92
92
|
/* Whole Page */
|
93
93
|
body.pushable {
|
94
|
-
background: #
|
94
|
+
background: #545454 !important;
|
95
95
|
}
|
96
96
|
|
97
97
|
/* Page Context */
|
@@ -134,8 +134,10 @@ body.pushable {
|
|
134
134
|
z-index: 2;
|
135
135
|
}
|
136
136
|
body.pushable > .pusher {
|
137
|
-
background: #
|
137
|
+
background: #ffffff;
|
138
138
|
}
|
139
|
+
|
140
|
+
/* Pusher should inherit background from context */
|
139
141
|
.pushable > .pusher {
|
140
142
|
background: inherit;
|
141
143
|
}
|
@@ -150,12 +152,10 @@ body.pushable > .pusher {
|
|
150
152
|
right: 0px;
|
151
153
|
content: '';
|
152
154
|
background-color: rgba(0, 0, 0, 0.4);
|
153
|
-
width: 0px;
|
154
|
-
height: 0px;
|
155
155
|
overflow: hidden;
|
156
156
|
opacity: 0;
|
157
|
-
-webkit-transition:
|
158
|
-
transition:
|
157
|
+
-webkit-transition: opacity 500ms;
|
158
|
+
transition: opacity 500ms;
|
159
159
|
will-change: opacity;
|
160
160
|
z-index: 1000;
|
161
161
|
}
|
@@ -205,11 +205,11 @@ body.pushable > .pusher {
|
|
205
205
|
/* Shadow Direction */
|
206
206
|
.ui.left.visible.sidebar,
|
207
207
|
.ui.right.visible.sidebar {
|
208
|
-
box-shadow: 0px 0px 20px rgba(
|
208
|
+
box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
|
209
209
|
}
|
210
210
|
.ui.top.visible.sidebar,
|
211
211
|
.ui.bottom.visible.sidebar {
|
212
|
-
box-shadow: 0px 0px 20px rgba(
|
212
|
+
box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
|
213
213
|
}
|
214
214
|
|
215
215
|
/* Visible On Load */
|
@@ -255,6 +255,10 @@ html.ios {
|
|
255
255
|
overflow-x: hidden;
|
256
256
|
-webkit-overflow-scrolling: touch;
|
257
257
|
}
|
258
|
+
html.ios,
|
259
|
+
html.ios body {
|
260
|
+
height: initial !important;
|
261
|
+
}
|
258
262
|
|
259
263
|
|
260
264
|
/*******************************
|
@@ -598,7 +602,7 @@ html.ios {
|
|
598
602
|
display: block !important;
|
599
603
|
width: 100%;
|
600
604
|
height: 100%;
|
601
|
-
overflow: hidden;
|
605
|
+
overflow: hidden !important;
|
602
606
|
}
|
603
607
|
|
604
608
|
/* End */
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI 2.0.4 - Sticky
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2015 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
@@ -16,8 +16,8 @@
|
|
16
16
|
|
17
17
|
.ui.sticky {
|
18
18
|
position: static;
|
19
|
-
-webkit-transition:
|
20
|
-
transition:
|
19
|
+
-webkit-transition: none;
|
20
|
+
transition: none;
|
21
21
|
z-index: 800;
|
22
22
|
}
|
23
23
|
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI 2.0.4 - Tab
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2015 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
@@ -73,7 +73,7 @@
|
|
73
73
|
-webkit-animation-iteration-count: infinite;
|
74
74
|
animation-iteration-count: infinite;
|
75
75
|
border-radius: 500rem;
|
76
|
-
border-color: #
|
76
|
+
border-color: #767676 transparent transparent;
|
77
77
|
border-style: solid;
|
78
78
|
border-width: 0.2em;
|
79
79
|
box-shadow: 0px 0px 0px 1px transparent;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI 2.0.4 - Transition
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2015 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
@@ -35,8 +35,6 @@
|
|
35
35
|
.animating.transition {
|
36
36
|
-webkit-backface-visibility: hidden;
|
37
37
|
backface-visibility: hidden;
|
38
|
-
-webkit-transform: translateZ(0);
|
39
|
-
transform: translateZ(0);
|
40
38
|
visibility: visible !important;
|
41
39
|
}
|
42
40
|
|
@@ -57,12 +55,10 @@
|
|
57
55
|
.visible.transition {
|
58
56
|
display: block !important;
|
59
57
|
visibility: visible !important;
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
transform: translateZ(0);
|
58
|
+
|
59
|
+
/* backface-visibility: @backfaceVisibility;
|
60
|
+
transform: @use3DAcceleration;*/
|
64
61
|
}
|
65
|
-
|
66
62
|
/* Disabled */
|
67
63
|
.disabled.transition {
|
68
64
|
-webkit-animation-play-state: paused;
|
@@ -258,8 +254,8 @@
|
|
258
254
|
-webkit-transform-origin: top center;
|
259
255
|
-ms-transform-origin: top center;
|
260
256
|
transform-origin: top center;
|
261
|
-
-webkit-animation-duration:
|
262
|
-
animation-duration:
|
257
|
+
-webkit-animation-duration: 400ms;
|
258
|
+
animation-duration: 400ms;
|
263
259
|
-webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
|
264
260
|
animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
|
265
261
|
}
|
@@ -506,8 +502,8 @@
|
|
506
502
|
}
|
507
503
|
100% {
|
508
504
|
opacity: 0;
|
509
|
-
-webkit-transform: translateY(
|
510
|
-
transform: translateY(
|
505
|
+
-webkit-transform: translateY(5%);
|
506
|
+
transform: translateY(5%);
|
511
507
|
}
|
512
508
|
}
|
513
509
|
@keyframes fadeOutUp {
|
@@ -518,8 +514,8 @@
|
|
518
514
|
}
|
519
515
|
100% {
|
520
516
|
opacity: 0;
|
521
|
-
-webkit-transform: translateY(
|
522
|
-
transform: translateY(
|
517
|
+
-webkit-transform: translateY(5%);
|
518
|
+
transform: translateY(5%);
|
523
519
|
}
|
524
520
|
}
|
525
521
|
@-webkit-keyframes fadeOutDown {
|
@@ -530,8 +526,8 @@
|
|
530
526
|
}
|
531
527
|
100% {
|
532
528
|
opacity: 0;
|
533
|
-
-webkit-transform: translateY(-
|
534
|
-
transform: translateY(-
|
529
|
+
-webkit-transform: translateY(-5%);
|
530
|
+
transform: translateY(-5%);
|
535
531
|
}
|
536
532
|
}
|
537
533
|
@keyframes fadeOutDown {
|
@@ -542,8 +538,8 @@
|
|
542
538
|
}
|
543
539
|
100% {
|
544
540
|
opacity: 0;
|
545
|
-
-webkit-transform: translateY(-
|
546
|
-
transform: translateY(-
|
541
|
+
-webkit-transform: translateY(-5%);
|
542
|
+
transform: translateY(-5%);
|
547
543
|
}
|
548
544
|
}
|
549
545
|
@-webkit-keyframes fadeOutLeft {
|
@@ -554,8 +550,8 @@
|
|
554
550
|
}
|
555
551
|
100% {
|
556
552
|
opacity: 0;
|
557
|
-
-webkit-transform: translateX(
|
558
|
-
transform: translateX(
|
553
|
+
-webkit-transform: translateX(5%);
|
554
|
+
transform: translateX(5%);
|
559
555
|
}
|
560
556
|
}
|
561
557
|
@keyframes fadeOutLeft {
|
@@ -566,8 +562,8 @@
|
|
566
562
|
}
|
567
563
|
100% {
|
568
564
|
opacity: 0;
|
569
|
-
-webkit-transform: translateX(
|
570
|
-
transform: translateX(
|
565
|
+
-webkit-transform: translateX(5%);
|
566
|
+
transform: translateX(5%);
|
571
567
|
}
|
572
568
|
}
|
573
569
|
@-webkit-keyframes fadeOutRight {
|
@@ -578,8 +574,8 @@
|
|
578
574
|
}
|
579
575
|
100% {
|
580
576
|
opacity: 0;
|
581
|
-
-webkit-transform: translateX(-
|
582
|
-
transform: translateX(-
|
577
|
+
-webkit-transform: translateX(-5%);
|
578
|
+
transform: translateX(-5%);
|
583
579
|
}
|
584
580
|
}
|
585
581
|
@keyframes fadeOutRight {
|
@@ -590,8 +586,8 @@
|
|
590
586
|
}
|
591
587
|
100% {
|
592
588
|
opacity: 0;
|
593
|
-
-webkit-transform: translateX(-
|
594
|
-
transform: translateX(-
|
589
|
+
-webkit-transform: translateX(-5%);
|
590
|
+
transform: translateX(-5%);
|
595
591
|
}
|
596
592
|
}
|
597
593
|
|
@@ -603,8 +599,6 @@
|
|
603
599
|
.flip.transition.out {
|
604
600
|
-webkit-animation-duration: 600ms;
|
605
601
|
animation-duration: 600ms;
|
606
|
-
-webkit-perspective: 2000px;
|
607
|
-
perspective: 2000px;
|
608
602
|
}
|
609
603
|
.horizontal.flip.transition.in {
|
610
604
|
-webkit-animation-name: horizontalFlipIn;
|
@@ -735,13 +729,11 @@
|
|
735
729
|
-webkit-animation-name: scaleOut;
|
736
730
|
animation-name: scaleOut;
|
737
731
|
}
|
738
|
-
|
739
|
-
/* In */
|
740
732
|
@-webkit-keyframes scaleIn {
|
741
733
|
0% {
|
742
734
|
opacity: 0;
|
743
|
-
-webkit-transform: scale(0.
|
744
|
-
transform: scale(0.
|
735
|
+
-webkit-transform: scale(0.8);
|
736
|
+
transform: scale(0.8);
|
745
737
|
}
|
746
738
|
100% {
|
747
739
|
opacity: 1;
|
@@ -752,8 +744,8 @@
|
|
752
744
|
@keyframes scaleIn {
|
753
745
|
0% {
|
754
746
|
opacity: 0;
|
755
|
-
-webkit-transform: scale(0.
|
756
|
-
transform: scale(0.
|
747
|
+
-webkit-transform: scale(0.8);
|
748
|
+
transform: scale(0.8);
|
757
749
|
}
|
758
750
|
100% {
|
759
751
|
opacity: 1;
|
@@ -771,8 +763,8 @@
|
|
771
763
|
}
|
772
764
|
100% {
|
773
765
|
opacity: 0;
|
774
|
-
-webkit-transform: scale(0.
|
775
|
-
transform: scale(0.
|
766
|
+
-webkit-transform: scale(0.9);
|
767
|
+
transform: scale(0.9);
|
776
768
|
}
|
777
769
|
}
|
778
770
|
@keyframes scaleOut {
|
@@ -783,8 +775,8 @@
|
|
783
775
|
}
|
784
776
|
100% {
|
785
777
|
opacity: 0;
|
786
|
-
-webkit-transform: scale(0.
|
787
|
-
transform: scale(0.
|
778
|
+
-webkit-transform: scale(0.9);
|
779
|
+
transform: scale(0.9);
|
788
780
|
}
|
789
781
|
}
|
790
782
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI 2.0.4 - Ad
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -240,7 +240,7 @@
|
|
240
240
|
}
|
241
241
|
.ui.test.ad {
|
242
242
|
position: relative;
|
243
|
-
background: #
|
243
|
+
background: #545454;
|
244
244
|
}
|
245
245
|
.ui.test.ad:after {
|
246
246
|
position: absolute;
|
@@ -257,7 +257,7 @@
|
|
257
257
|
font-weight: bold;
|
258
258
|
}
|
259
259
|
.ui.mobile.test.ad:after {
|
260
|
-
font-size: 0.
|
260
|
+
font-size: 0.85714286em;
|
261
261
|
}
|
262
262
|
.ui.test.ad[data-text]:after {
|
263
263
|
content: attr(data-text);
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI 2.0.4 - Item
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2015 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
@@ -37,10 +37,10 @@
|
|
37
37
|
background: #ffffff;
|
38
38
|
padding: 0em;
|
39
39
|
border: none;
|
40
|
-
border-radius: 0.
|
41
|
-
box-shadow: 0px 3px 0px
|
42
|
-
-webkit-transition: box-shadow 0.
|
43
|
-
transition: box-shadow 0.
|
40
|
+
border-radius: 0.28571429rem;
|
41
|
+
box-shadow: 0px 1px 3px 0px #d4d4d5, 0px 0px 0px 1px #d4d4d5;
|
42
|
+
-webkit-transition: box-shadow 0.1s ease, -webkit-transform 0.1s ease;
|
43
|
+
transition: box-shadow 0.1s ease, transform 0.1s ease;
|
44
44
|
z-index: '';
|
45
45
|
}
|
46
46
|
.ui.card {
|
@@ -102,11 +102,16 @@
|
|
102
102
|
|
103
103
|
.ui.cards > .card > :first-child,
|
104
104
|
.ui.card > :first-child {
|
105
|
-
border-radius: 0.
|
105
|
+
border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
|
106
|
+
border-top: none !important;
|
106
107
|
}
|
107
108
|
.ui.cards > .card > :last-child,
|
108
109
|
.ui.card > :last-child {
|
109
|
-
border-radius: 0em 0em 0.
|
110
|
+
border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
|
111
|
+
}
|
112
|
+
.ui.cards > .card > :only-child,
|
113
|
+
.ui.card > :only-child {
|
114
|
+
border-radius: 0.28571429rem !important;
|
110
115
|
}
|
111
116
|
|
112
117
|
/*--------------
|
@@ -115,12 +120,12 @@
|
|
115
120
|
|
116
121
|
.ui.cards > .card > .image,
|
117
122
|
.ui.card > .image {
|
123
|
+
position: relative;
|
118
124
|
display: block;
|
119
125
|
-webkit-box-flex: 0;
|
120
126
|
-webkit-flex: 0 0 auto;
|
121
127
|
-ms-flex: 0 0 auto;
|
122
128
|
flex: 0 0 auto;
|
123
|
-
position: relative;
|
124
129
|
padding: 0em;
|
125
130
|
background: rgba(0, 0, 0, 0.05);
|
126
131
|
}
|
@@ -129,12 +134,11 @@
|
|
129
134
|
display: block;
|
130
135
|
width: 100%;
|
131
136
|
height: auto;
|
132
|
-
border-radius:
|
133
|
-
border: none;
|
137
|
+
border-radius: inherit;
|
134
138
|
}
|
135
|
-
.ui.cards > .card > .image:
|
136
|
-
.ui.card > .image:
|
137
|
-
border
|
139
|
+
.ui.cards > .card > .image:not(.ui) > img,
|
140
|
+
.ui.card > .image:not(.ui) > img {
|
141
|
+
border: none;
|
138
142
|
}
|
139
143
|
|
140
144
|
/*--------------
|
@@ -147,12 +151,13 @@
|
|
147
151
|
-webkit-flex-grow: 1;
|
148
152
|
-ms-flex-positive: 1;
|
149
153
|
flex-grow: 1;
|
154
|
+
border: none;
|
155
|
+
border-top: 1px solid rgba(34, 36, 38, 0.1);
|
150
156
|
background: none;
|
151
157
|
margin: 0em;
|
152
158
|
padding: 1em 1em;
|
153
159
|
box-shadow: none;
|
154
160
|
font-size: 1em;
|
155
|
-
border: none;
|
156
161
|
border-radius: 0em;
|
157
162
|
}
|
158
163
|
.ui.cards > .card > .content:after,
|
@@ -167,7 +172,7 @@
|
|
167
172
|
.ui.cards > .card > .content > .header,
|
168
173
|
.ui.card > .content > .header {
|
169
174
|
display: block;
|
170
|
-
margin:
|
175
|
+
margin: '';
|
171
176
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
172
177
|
color: rgba(0, 0, 0, 0.85);
|
173
178
|
}
|
@@ -176,9 +181,9 @@
|
|
176
181
|
.ui.cards > .card > .content > .header:not(.ui),
|
177
182
|
.ui.card > .content > .header:not(.ui) {
|
178
183
|
font-weight: bold;
|
179
|
-
font-size: 1.
|
180
|
-
margin-top: -0.
|
181
|
-
line-height: 1.
|
184
|
+
font-size: 1.28571429em;
|
185
|
+
margin-top: -0.21425em;
|
186
|
+
line-height: 1.2857em;
|
182
187
|
}
|
183
188
|
.ui.cards > .card > .content > .meta + .description,
|
184
189
|
.ui.cards > .card > .content > .header + .description,
|
@@ -187,9 +192,9 @@
|
|
187
192
|
margin-top: 0.5em;
|
188
193
|
}
|
189
194
|
|
190
|
-
|
191
|
-
|
192
|
-
|
195
|
+
/*----------------
|
196
|
+
Floated Content
|
197
|
+
-----------------*/
|
193
198
|
|
194
199
|
.ui.cards > .card [class*="left floated"],
|
195
200
|
.ui.card [class*="left floated"] {
|
@@ -225,14 +230,14 @@
|
|
225
230
|
.ui.card .content img {
|
226
231
|
display: inline-block;
|
227
232
|
vertical-align: middle;
|
228
|
-
width:
|
233
|
+
width: '';
|
229
234
|
}
|
230
235
|
.ui.cards > .card img.avatar,
|
231
236
|
.ui.cards > .card .avatar img,
|
232
237
|
.ui.card img.avatar,
|
233
238
|
.ui.card .avatar img {
|
234
|
-
width:
|
235
|
-
height:
|
239
|
+
width: 2em;
|
240
|
+
height: 2em;
|
236
241
|
border-radius: 500rem;
|
237
242
|
}
|
238
243
|
|
@@ -243,7 +248,7 @@
|
|
243
248
|
.ui.cards > .card > .content > .description,
|
244
249
|
.ui.card > .content > .description {
|
245
250
|
clear: both;
|
246
|
-
color: rgba(0, 0, 0, 0.
|
251
|
+
color: rgba(0, 0, 0, 0.68);
|
247
252
|
}
|
248
253
|
|
249
254
|
/*--------------
|
@@ -265,7 +270,7 @@
|
|
265
270
|
|
266
271
|
.ui.cards > .card .meta,
|
267
272
|
.ui.card .meta {
|
268
|
-
font-size:
|
273
|
+
font-size: 1em;
|
269
274
|
color: rgba(0, 0, 0, 0.4);
|
270
275
|
}
|
271
276
|
.ui.cards > .card .meta *,
|
@@ -291,8 +296,8 @@
|
|
291
296
|
.ui.cards > .card > .content a:not(.ui),
|
292
297
|
.ui.card > .content a:not(.ui) {
|
293
298
|
color: '';
|
294
|
-
-webkit-transition: color 0.
|
295
|
-
transition: color 0.
|
299
|
+
-webkit-transition: color 0.1s ease;
|
300
|
+
transition: color 0.1s ease;
|
296
301
|
}
|
297
302
|
.ui.cards > .card > .content a:not(.ui):hover,
|
298
303
|
.ui.card > .content a:not(.ui):hover {
|
@@ -306,7 +311,7 @@
|
|
306
311
|
}
|
307
312
|
.ui.cards > .card > .content > a.header:hover,
|
308
313
|
.ui.card > .content > a.header:hover {
|
309
|
-
color: #
|
314
|
+
color: #1e70bf;
|
310
315
|
}
|
311
316
|
|
312
317
|
/* Meta */
|
@@ -316,19 +321,19 @@
|
|
316
321
|
}
|
317
322
|
.ui.cards > .card .meta > a:not(.ui):hover,
|
318
323
|
.ui.card .meta > a:not(.ui):hover {
|
319
|
-
color: rgba(0, 0, 0, 0.
|
324
|
+
color: rgba(0, 0, 0, 0.87);
|
320
325
|
}
|
321
326
|
|
322
327
|
/*--------------
|
323
328
|
Buttons
|
324
329
|
---------------*/
|
325
330
|
|
326
|
-
.ui.cards > .card > .buttons
|
327
|
-
.ui.card > .buttons
|
328
|
-
.ui.cards > .card > .button
|
329
|
-
.ui.card > .button
|
330
|
-
margin:
|
331
|
-
width: 100
|
331
|
+
.ui.cards > .card > .buttons,
|
332
|
+
.ui.card > .buttons,
|
333
|
+
.ui.cards > .card > .button,
|
334
|
+
.ui.card > .button {
|
335
|
+
margin: 0px -1px;
|
336
|
+
width: calc(100% + 2px );
|
332
337
|
}
|
333
338
|
|
334
339
|
/*--------------
|
@@ -354,8 +359,8 @@
|
|
354
359
|
.ui.card > .content .star.icon {
|
355
360
|
cursor: pointer;
|
356
361
|
opacity: 0.75;
|
357
|
-
-webkit-transition: color 0.
|
358
|
-
transition: color 0.
|
362
|
+
-webkit-transition: color 0.1s ease;
|
363
|
+
transition: color 0.1s ease;
|
359
364
|
}
|
360
365
|
.ui.cards > .card > .content .star.icon:hover,
|
361
366
|
.ui.card > .content .star.icon:hover {
|
@@ -375,8 +380,8 @@
|
|
375
380
|
.ui.card > .content .like.icon {
|
376
381
|
cursor: pointer;
|
377
382
|
opacity: 0.75;
|
378
|
-
-webkit-transition: color 0.
|
379
|
-
transition: color 0.
|
383
|
+
-webkit-transition: color 0.1s ease;
|
384
|
+
transition: color 0.1s ease;
|
380
385
|
}
|
381
386
|
.ui.cards > .card > .content .like.icon:hover,
|
382
387
|
.ui.card > .content .like.icon:hover {
|
@@ -400,6 +405,7 @@
|
|
400
405
|
-webkit-flex-grow: 0;
|
401
406
|
-ms-flex-positive: 0;
|
402
407
|
flex-grow: 0;
|
408
|
+
border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
|
403
409
|
position: static;
|
404
410
|
background: none;
|
405
411
|
width: auto;
|
@@ -409,9 +415,8 @@
|
|
409
415
|
left: 0em;
|
410
416
|
color: rgba(0, 0, 0, 0.4);
|
411
417
|
box-shadow: none;
|
412
|
-
-webkit-transition: color 0.
|
413
|
-
transition: color 0.
|
414
|
-
border-top: 1px solid rgba(0, 0, 0, 0.05);
|
418
|
+
-webkit-transition: color 0.1s ease;
|
419
|
+
transition: color 0.1s ease;
|
415
420
|
}
|
416
421
|
.ui.cards > .card > .extra a:not(.ui),
|
417
422
|
.ui.card > .extra a:not(.ui) {
|
@@ -419,7 +424,7 @@
|
|
419
424
|
}
|
420
425
|
.ui.cards > .card > .extra a:not(.ui):hover,
|
421
426
|
.ui.card > .extra a:not(.ui):hover {
|
422
|
-
color: #
|
427
|
+
color: #1e70bf;
|
423
428
|
}
|
424
429
|
|
425
430
|
|
@@ -428,6 +433,21 @@
|
|
428
433
|
*******************************/
|
429
434
|
|
430
435
|
|
436
|
+
/*-------------------
|
437
|
+
Centered
|
438
|
+
--------------------*/
|
439
|
+
|
440
|
+
.ui.centered.cards {
|
441
|
+
-webkit-box-pack: center;
|
442
|
+
-webkit-justify-content: center;
|
443
|
+
-ms-flex-pack: center;
|
444
|
+
justify-content: center;
|
445
|
+
}
|
446
|
+
.ui.centered.card {
|
447
|
+
margin-left: auto;
|
448
|
+
margin-right: auto;
|
449
|
+
}
|
450
|
+
|
431
451
|
/*-------------------
|
432
452
|
Fluid
|
433
453
|
--------------------*/
|
@@ -441,112 +461,187 @@
|
|
441
461
|
Link
|
442
462
|
--------------------*/
|
443
463
|
|
464
|
+
.ui.cards a.card,
|
465
|
+
.ui.link.cards .card,
|
466
|
+
a.ui.card,
|
467
|
+
.ui.link.card {
|
468
|
+
-webkit-transform: none;
|
469
|
+
-ms-transform: none;
|
470
|
+
transform: none;
|
471
|
+
}
|
444
472
|
.ui.cards a.card:hover,
|
445
473
|
.ui.link.cards .card:hover,
|
446
474
|
a.ui.card:hover,
|
447
475
|
.ui.link.card:hover {
|
448
476
|
cursor: pointer;
|
449
477
|
z-index: 5;
|
450
|
-
background:
|
478
|
+
background: #ffffff;
|
451
479
|
border: none;
|
452
|
-
box-shadow: 0px 3px 0px
|
480
|
+
box-shadow: 0px 1px 3px 0px #bcbdbd, 0px 0px 0px 1px #d4d4d5;
|
481
|
+
-webkit-transform: translateY(-3px);
|
482
|
+
-ms-transform: translateY(-3px);
|
483
|
+
transform: translateY(-3px);
|
453
484
|
}
|
454
485
|
|
455
486
|
/*-------------------
|
456
487
|
Colors
|
457
488
|
--------------------*/
|
458
489
|
|
459
|
-
|
460
|
-
|
461
|
-
.ui.
|
462
|
-
|
463
|
-
|
464
|
-
|
465
|
-
.ui.cards > .blue.card,
|
466
|
-
.ui.blue.card {
|
467
|
-
box-shadow: 0px 3px 0px 0px #3b83c0, 0px 0px 0px 1px #d4d4d5;
|
490
|
+
|
491
|
+
/* Red */
|
492
|
+
.ui.red.cards > .card,
|
493
|
+
.ui.cards > .red.card,
|
494
|
+
.ui.red.card {
|
495
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #db2828, 0px 1px 3px 0px #d4d4d5;
|
468
496
|
}
|
469
|
-
.ui.
|
470
|
-
.ui.cards > .
|
471
|
-
.ui.
|
472
|
-
box-shadow: 0px
|
497
|
+
.ui.red.cards > .card:hover,
|
498
|
+
.ui.cards > .red.card:hover,
|
499
|
+
.ui.red.card:hover {
|
500
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #bcbdbd;
|
473
501
|
}
|
502
|
+
|
503
|
+
/* Orange */
|
474
504
|
.ui.orange.cards > .card,
|
475
505
|
.ui.cards > .orange.card,
|
476
506
|
.ui.orange.card {
|
477
|
-
box-shadow: 0px
|
507
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #f2711c, 0px 1px 3px 0px #d4d4d5;
|
478
508
|
}
|
479
|
-
.ui.
|
480
|
-
.ui.cards > .
|
481
|
-
.ui.
|
482
|
-
box-shadow: 0px
|
509
|
+
.ui.orange.cards > .card:hover,
|
510
|
+
.ui.cards > .orange.card:hover,
|
511
|
+
.ui.orange.card:hover {
|
512
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #bcbdbd;
|
483
513
|
}
|
484
|
-
|
485
|
-
|
486
|
-
.ui.
|
487
|
-
|
514
|
+
|
515
|
+
/* Yellow */
|
516
|
+
.ui.yellow.cards > .card,
|
517
|
+
.ui.cards > .yellow.card,
|
518
|
+
.ui.yellow.card {
|
519
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #fbbd08, 0px 1px 3px 0px #d4d4d5;
|
488
520
|
}
|
489
|
-
.ui.
|
490
|
-
.ui.cards > .
|
491
|
-
.ui.
|
492
|
-
box-shadow: 0px
|
521
|
+
.ui.yellow.cards > .card:hover,
|
522
|
+
.ui.cards > .yellow.card:hover,
|
523
|
+
.ui.yellow.card:hover {
|
524
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #bcbdbd;
|
525
|
+
}
|
526
|
+
|
527
|
+
/* Olive */
|
528
|
+
.ui.olive.cards > .card,
|
529
|
+
.ui.cards > .olive.card,
|
530
|
+
.ui.olive.card {
|
531
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #b5cc18, 0px 1px 3px 0px #d4d4d5;
|
532
|
+
}
|
533
|
+
.ui.olive.cards > .card:hover,
|
534
|
+
.ui.cards > .olive.card:hover,
|
535
|
+
.ui.olive.card:hover {
|
536
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #bcbdbd;
|
537
|
+
}
|
538
|
+
|
539
|
+
/* Green */
|
540
|
+
.ui.green.cards > .card,
|
541
|
+
.ui.cards > .green.card,
|
542
|
+
.ui.green.card {
|
543
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #21ba45, 0px 1px 3px 0px #d4d4d5;
|
544
|
+
}
|
545
|
+
.ui.green.cards > .card:hover,
|
546
|
+
.ui.cards > .green.card:hover,
|
547
|
+
.ui.green.card:hover {
|
548
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #bcbdbd;
|
493
549
|
}
|
550
|
+
|
551
|
+
/* Teal */
|
494
552
|
.ui.teal.cards > .card,
|
495
553
|
.ui.cards > .teal.card,
|
496
554
|
.ui.teal.card {
|
497
|
-
box-shadow: 0px
|
555
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #00b5ad, 0px 1px 3px 0px #d4d4d5;
|
498
556
|
}
|
499
|
-
.ui.
|
500
|
-
.ui.cards > .
|
501
|
-
.ui.
|
502
|
-
box-shadow: 0px
|
557
|
+
.ui.teal.cards > .card:hover,
|
558
|
+
.ui.cards > .teal.card:hover,
|
559
|
+
.ui.teal.card:hover {
|
560
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #bcbdbd;
|
503
561
|
}
|
504
562
|
|
505
|
-
/*
|
506
|
-
.ui.
|
507
|
-
.ui.cards > .
|
508
|
-
.ui.
|
509
|
-
box-shadow: 0px
|
563
|
+
/* Blue */
|
564
|
+
.ui.blue.cards > .card,
|
565
|
+
.ui.cards > .blue.card,
|
566
|
+
.ui.blue.card {
|
567
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #2185d0, 0px 1px 3px 0px #d4d4d5;
|
510
568
|
}
|
511
569
|
.ui.blue.cards > .card:hover,
|
512
570
|
.ui.cards > .blue.card:hover,
|
513
571
|
.ui.blue.card:hover {
|
514
|
-
box-shadow: 0px
|
572
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #bcbdbd;
|
515
573
|
}
|
516
|
-
|
517
|
-
|
518
|
-
.ui.
|
519
|
-
|
574
|
+
|
575
|
+
/* Violet */
|
576
|
+
.ui.violet.cards > .card,
|
577
|
+
.ui.cards > .violet.card,
|
578
|
+
.ui.violet.card {
|
579
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #6435c9, 0px 1px 3px 0px #d4d4d5;
|
520
580
|
}
|
521
|
-
.ui.
|
522
|
-
.ui.cards > .
|
523
|
-
.ui.
|
524
|
-
box-shadow: 0px
|
581
|
+
.ui.violet.cards > .card:hover,
|
582
|
+
.ui.cards > .violet.card:hover,
|
583
|
+
.ui.violet.card:hover {
|
584
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #bcbdbd;
|
525
585
|
}
|
526
|
-
|
527
|
-
|
528
|
-
.ui.
|
529
|
-
|
586
|
+
|
587
|
+
/* Purple */
|
588
|
+
.ui.purple.cards > .card,
|
589
|
+
.ui.cards > .purple.card,
|
590
|
+
.ui.purple.card {
|
591
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a333c8, 0px 1px 3px 0px #d4d4d5;
|
530
592
|
}
|
531
593
|
.ui.purple.cards > .card:hover,
|
532
594
|
.ui.cards > .purple.card:hover,
|
533
595
|
.ui.purple.card:hover {
|
534
|
-
box-shadow: 0px
|
596
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #bcbdbd;
|
535
597
|
}
|
536
|
-
|
537
|
-
|
538
|
-
.ui.
|
539
|
-
|
598
|
+
|
599
|
+
/* Pink */
|
600
|
+
.ui.pink.cards > .card,
|
601
|
+
.ui.cards > .pink.card,
|
602
|
+
.ui.pink.card {
|
603
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #e03997, 0px 1px 3px 0px #d4d4d5;
|
540
604
|
}
|
541
|
-
.ui.
|
542
|
-
.ui.cards > .
|
543
|
-
.ui.
|
544
|
-
box-shadow: 0px
|
605
|
+
.ui.pink.cards > .card:hover,
|
606
|
+
.ui.cards > .pink.card:hover,
|
607
|
+
.ui.pink.card:hover {
|
608
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #bcbdbd;
|
545
609
|
}
|
546
|
-
|
547
|
-
|
548
|
-
.ui.
|
549
|
-
|
610
|
+
|
611
|
+
/* Brown */
|
612
|
+
.ui.brown.cards > .card,
|
613
|
+
.ui.cards > .brown.card,
|
614
|
+
.ui.brown.card {
|
615
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a5673f, 0px 1px 3px 0px #d4d4d5;
|
616
|
+
}
|
617
|
+
.ui.brown.cards > .card:hover,
|
618
|
+
.ui.cards > .brown.card:hover,
|
619
|
+
.ui.brown.card:hover {
|
620
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #bcbdbd;
|
621
|
+
}
|
622
|
+
|
623
|
+
/* Grey */
|
624
|
+
.ui.grey.cards > .card,
|
625
|
+
.ui.cards > .grey.card,
|
626
|
+
.ui.grey.card {
|
627
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #d4d4d5;
|
628
|
+
}
|
629
|
+
.ui.grey.cards > .card:hover,
|
630
|
+
.ui.cards > .grey.card:hover,
|
631
|
+
.ui.grey.card:hover {
|
632
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #bcbdbd;
|
633
|
+
}
|
634
|
+
|
635
|
+
/* Black */
|
636
|
+
.ui.black.cards > .card,
|
637
|
+
.ui.cards > .black.card,
|
638
|
+
.ui.black.card {
|
639
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #1b1c1d, 0px 1px 3px 0px #d4d4d5;
|
640
|
+
}
|
641
|
+
.ui.black.cards > .card:hover,
|
642
|
+
.ui.cards > .black.card:hover,
|
643
|
+
.ui.black.card:hover {
|
644
|
+
box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #bcbdbd;
|
550
645
|
}
|
551
646
|
|
552
647
|
/*--------------
|
@@ -565,120 +660,84 @@ a.ui.card:hover,
|
|
565
660
|
margin-right: -1em;
|
566
661
|
}
|
567
662
|
.ui.two.cards > .card {
|
568
|
-
width: -webkit-calc( 50% - 2em );
|
569
663
|
width: calc( 50% - 2em );
|
570
664
|
margin-left: 1em;
|
571
665
|
margin-right: 1em;
|
572
666
|
}
|
573
|
-
.ui.two.cards > .card:nth-child(2n+1) {
|
574
|
-
clear: left;
|
575
|
-
}
|
576
667
|
.ui.three.cards {
|
577
668
|
margin-left: -1em;
|
578
669
|
margin-right: -1em;
|
579
670
|
}
|
580
671
|
.ui.three.cards > .card {
|
581
|
-
width: -webkit-calc( 33.33333333% - 2em );
|
582
672
|
width: calc( 33.33333333% - 2em );
|
583
673
|
margin-left: 1em;
|
584
674
|
margin-right: 1em;
|
585
675
|
}
|
586
|
-
.ui.three.cards > .card:nth-child(3n+1) {
|
587
|
-
clear: left;
|
588
|
-
}
|
589
676
|
.ui.four.cards {
|
590
677
|
margin-left: -0.75em;
|
591
678
|
margin-right: -0.75em;
|
592
679
|
}
|
593
680
|
.ui.four.cards > .card {
|
594
|
-
width: -webkit-calc( 25% - 1.5em );
|
595
681
|
width: calc( 25% - 1.5em );
|
596
682
|
margin-left: 0.75em;
|
597
683
|
margin-right: 0.75em;
|
598
684
|
}
|
599
|
-
.ui.four.cards > .card:nth-child(4n+1) {
|
600
|
-
clear: left;
|
601
|
-
}
|
602
685
|
.ui.five.cards {
|
603
686
|
margin-left: -0.75em;
|
604
687
|
margin-right: -0.75em;
|
605
688
|
}
|
606
689
|
.ui.five.cards > .card {
|
607
|
-
width: -webkit-calc( 20% - 1.5em );
|
608
690
|
width: calc( 20% - 1.5em );
|
609
691
|
margin-left: 0.75em;
|
610
692
|
margin-right: 0.75em;
|
611
693
|
}
|
612
|
-
.ui.five.cards > .card:nth-child(5n+1) {
|
613
|
-
clear: left;
|
614
|
-
}
|
615
694
|
.ui.six.cards {
|
616
695
|
margin-left: -0.75em;
|
617
696
|
margin-right: -0.75em;
|
618
697
|
}
|
619
698
|
.ui.six.cards > .card {
|
620
|
-
width: -webkit-calc( 16.66666667% - 1.5em );
|
621
699
|
width: calc( 16.66666667% - 1.5em );
|
622
700
|
margin-left: 0.75em;
|
623
701
|
margin-right: 0.75em;
|
624
702
|
}
|
625
|
-
.ui.six.cards > .card:nth-child(6n+1) {
|
626
|
-
clear: left;
|
627
|
-
}
|
628
703
|
.ui.seven.cards {
|
629
704
|
margin-left: -0.5em;
|
630
705
|
margin-right: -0.5em;
|
631
706
|
}
|
632
707
|
.ui.seven.cards > .card {
|
633
|
-
width: -webkit-calc( 14.28571429% - 1em );
|
634
708
|
width: calc( 14.28571429% - 1em );
|
635
709
|
margin-left: 0.5em;
|
636
710
|
margin-right: 0.5em;
|
637
711
|
}
|
638
|
-
.ui.seven.cards > .card:nth-child(7n+1) {
|
639
|
-
clear: left;
|
640
|
-
}
|
641
712
|
.ui.eight.cards {
|
642
713
|
margin-left: -0.5em;
|
643
714
|
margin-right: -0.5em;
|
644
715
|
}
|
645
716
|
.ui.eight.cards > .card {
|
646
|
-
width: -webkit-calc( 12.5% - 1em );
|
647
717
|
width: calc( 12.5% - 1em );
|
648
718
|
margin-left: 0.5em;
|
649
719
|
margin-right: 0.5em;
|
650
720
|
font-size: 11px;
|
651
721
|
}
|
652
|
-
.ui.eight.cards > .card:nth-child(8n+1) {
|
653
|
-
clear: left;
|
654
|
-
}
|
655
722
|
.ui.nine.cards {
|
656
723
|
margin-left: -0.5em;
|
657
724
|
margin-right: -0.5em;
|
658
725
|
}
|
659
726
|
.ui.nine.cards > .card {
|
660
|
-
width: -webkit-calc( 11.11111111% - 1em );
|
661
727
|
width: calc( 11.11111111% - 1em );
|
662
728
|
margin-left: 0.5em;
|
663
729
|
margin-right: 0.5em;
|
664
730
|
font-size: 10px;
|
665
731
|
}
|
666
|
-
.ui.nine.cards > .card:nth-child(9n+1) {
|
667
|
-
clear: left;
|
668
|
-
}
|
669
732
|
.ui.ten.cards {
|
670
733
|
margin-left: -0.5em;
|
671
734
|
margin-right: -0.5em;
|
672
735
|
}
|
673
736
|
.ui.ten.cards > .card {
|
674
|
-
width: -webkit-calc( 10% - 1em );
|
675
737
|
width: calc( 10% - 1em );
|
676
738
|
margin-left: 0.5em;
|
677
739
|
margin-right: 0.5em;
|
678
740
|
}
|
679
|
-
.ui.ten.cards > .card:nth-child(10n+1) {
|
680
|
-
clear: left;
|
681
|
-
}
|
682
741
|
|
683
742
|
/*-------------------
|
684
743
|
Doubling
|
@@ -701,7 +760,6 @@ a.ui.card:hover,
|
|
701
760
|
margin-right: -1em;
|
702
761
|
}
|
703
762
|
.ui.three.doubling.cards .card {
|
704
|
-
width: -webkit-calc( 50% - 2em );
|
705
763
|
width: calc( 50% - 2em );
|
706
764
|
margin-left: 1em;
|
707
765
|
margin-right: 1em;
|
@@ -711,7 +769,6 @@ a.ui.card:hover,
|
|
711
769
|
margin-right: -1em;
|
712
770
|
}
|
713
771
|
.ui.four.doubling.cards .card {
|
714
|
-
width: -webkit-calc( 50% - 2em );
|
715
772
|
width: calc( 50% - 2em );
|
716
773
|
margin-left: 1em;
|
717
774
|
margin-right: 1em;
|
@@ -721,7 +778,6 @@ a.ui.card:hover,
|
|
721
778
|
margin-right: -1em;
|
722
779
|
}
|
723
780
|
.ui.five.doubling.cards .card {
|
724
|
-
width: -webkit-calc( 50% - 2em );
|
725
781
|
width: calc( 50% - 2em );
|
726
782
|
margin-left: 1em;
|
727
783
|
margin-right: 1em;
|
@@ -731,7 +787,6 @@ a.ui.card:hover,
|
|
731
787
|
margin-right: -1em;
|
732
788
|
}
|
733
789
|
.ui.six.doubling.cards .card {
|
734
|
-
width: -webkit-calc( 50% - 2em );
|
735
790
|
width: calc( 50% - 2em );
|
736
791
|
margin-left: 1em;
|
737
792
|
margin-right: 1em;
|
@@ -741,7 +796,6 @@ a.ui.card:hover,
|
|
741
796
|
margin-right: -1em;
|
742
797
|
}
|
743
798
|
.ui.seven.doubling.cards .card {
|
744
|
-
width: -webkit-calc( 33.33333333% - 2em );
|
745
799
|
width: calc( 33.33333333% - 2em );
|
746
800
|
margin-left: 1em;
|
747
801
|
margin-right: 1em;
|
@@ -751,7 +805,6 @@ a.ui.card:hover,
|
|
751
805
|
margin-right: -1em;
|
752
806
|
}
|
753
807
|
.ui.eight.doubling.cards .card {
|
754
|
-
width: -webkit-calc( 33.33333333% - 2em );
|
755
808
|
width: calc( 33.33333333% - 2em );
|
756
809
|
margin-left: 1em;
|
757
810
|
margin-right: 1em;
|
@@ -761,7 +814,6 @@ a.ui.card:hover,
|
|
761
814
|
margin-right: -1em;
|
762
815
|
}
|
763
816
|
.ui.nine.doubling.cards .card {
|
764
|
-
width: -webkit-calc( 33.33333333% - 2em );
|
765
817
|
width: calc( 33.33333333% - 2em );
|
766
818
|
margin-left: 1em;
|
767
819
|
margin-right: 1em;
|
@@ -771,7 +823,6 @@ a.ui.card:hover,
|
|
771
823
|
margin-right: -1em;
|
772
824
|
}
|
773
825
|
.ui.ten.doubling.cards .card {
|
774
|
-
width: -webkit-calc( 33.33333333% - 2em );
|
775
826
|
width: calc( 33.33333333% - 2em );
|
776
827
|
margin-left: 1em;
|
777
828
|
margin-right: 1em;
|
@@ -794,7 +845,6 @@ a.ui.card:hover,
|
|
794
845
|
margin-right: -1em;
|
795
846
|
}
|
796
847
|
.ui.three.doubling.cards .card {
|
797
|
-
width: -webkit-calc( 50% - 2em );
|
798
848
|
width: calc( 50% - 2em );
|
799
849
|
margin-left: 1em;
|
800
850
|
margin-right: 1em;
|
@@ -804,7 +854,6 @@ a.ui.card:hover,
|
|
804
854
|
margin-right: -1em;
|
805
855
|
}
|
806
856
|
.ui.four.doubling.cards .card {
|
807
|
-
width: -webkit-calc( 50% - 2em );
|
808
857
|
width: calc( 50% - 2em );
|
809
858
|
margin-left: 1em;
|
810
859
|
margin-right: 1em;
|
@@ -814,7 +863,6 @@ a.ui.card:hover,
|
|
814
863
|
margin-right: -1em;
|
815
864
|
}
|
816
865
|
.ui.five.doubling.cards .card {
|
817
|
-
width: -webkit-calc( 33.33333333% - 2em );
|
818
866
|
width: calc( 33.33333333% - 2em );
|
819
867
|
margin-left: 1em;
|
820
868
|
margin-right: 1em;
|
@@ -824,7 +872,6 @@ a.ui.card:hover,
|
|
824
872
|
margin-right: -1em;
|
825
873
|
}
|
826
874
|
.ui.six.doubling.cards .card {
|
827
|
-
width: -webkit-calc( 33.33333333% - 2em );
|
828
875
|
width: calc( 33.33333333% - 2em );
|
829
876
|
margin-left: 1em;
|
830
877
|
margin-right: 1em;
|
@@ -834,7 +881,6 @@ a.ui.card:hover,
|
|
834
881
|
margin-right: -1em;
|
835
882
|
}
|
836
883
|
.ui.eight.doubling.cards .card {
|
837
|
-
width: -webkit-calc( 33.33333333% - 2em );
|
838
884
|
width: calc( 33.33333333% - 2em );
|
839
885
|
margin-left: 1em;
|
840
886
|
margin-right: 1em;
|
@@ -844,7 +890,6 @@ a.ui.card:hover,
|
|
844
890
|
margin-right: -0.75em;
|
845
891
|
}
|
846
892
|
.ui.eight.doubling.cards .card {
|
847
|
-
width: -webkit-calc( 25% - 1.5em );
|
848
893
|
width: calc( 25% - 1.5em );
|
849
894
|
margin-left: 0.75em;
|
850
895
|
margin-right: 0.75em;
|
@@ -854,7 +899,6 @@ a.ui.card:hover,
|
|
854
899
|
margin-right: -0.75em;
|
855
900
|
}
|
856
901
|
.ui.nine.doubling.cards .card {
|
857
|
-
width: -webkit-calc( 25% - 1.5em );
|
858
902
|
width: calc( 25% - 1.5em );
|
859
903
|
margin-left: 0.75em;
|
860
904
|
margin-right: 0.75em;
|
@@ -864,7 +908,6 @@ a.ui.card:hover,
|
|
864
908
|
margin-right: -0.75em;
|
865
909
|
}
|
866
910
|
.ui.ten.doubling.cards .card {
|
867
|
-
width: -webkit-calc( 20% - 1.5em );
|
868
911
|
width: calc( 20% - 1.5em );
|
869
912
|
margin-left: 0.75em;
|
870
913
|
margin-right: 0.75em;
|
@@ -887,7 +930,6 @@ a.ui.card:hover,
|
|
887
930
|
height: auto !important;
|
888
931
|
margin: 1em 1em;
|
889
932
|
padding: 0 !important;
|
890
|
-
width: -webkit-calc( 100% - 2em ) !important;
|
891
933
|
width: calc( 100% - 2em ) !important;
|
892
934
|
}
|
893
935
|
}
|