-
Notifications
You must be signed in to change notification settings - Fork 0
/
frg-touch-slider.css
53 lines (53 loc) · 1.56 KB
/
frg-touch-slider.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/* line 1, ../sass/frg-touch-slider.scss */
.touch-slider {
position: relative;
/* required for child div to have left position values */
overflow: hidden;
/* needed to clip child div */
}
/* line 17, ../sass/frg-touch-slider.scss */
.touch-slider > div {
position: relative;
left: 0;
white-space: nowrap;
display: inline-block;
}
/* line 31, ../sass/frg-touch-slider.scss */
.touch-slider > div.animate {
-webkit-transition: left 200ms cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: left 200ms cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: left 200ms cubic-bezier(0.19, 1, 0.22, 1);
transition: left 200ms cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 43, ../sass/frg-touch-slider.scss */
.touch-slider .card {
/* the space in-between cards */
/* Not using a drop shadow? Set to "0", no units */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: white;
display: inline-block;
width: 248px;
height: 288px;
overflow: hidden;
/* clip content instead of 'auto' */
padding: 10px;
margin: 2px;
-webkit-box-shadow: 0 0 2px 0 rgba(51, 51, 51, 0.2);
-moz-box-shadow: 0 0 2px 0 rgba(51, 51, 51, 0.2);
box-shadow: 0 0 2px 0 rgba(51, 51, 51, 0.2);
/*
Get rid of extra whitespace in elements like headings
so the top of the content lines up inside card:
*/
}
/* line 75, ../sass/frg-touch-slider.scss */
.touch-slider .card:not(:last-child) {
margin-right: 10px;
}
/* line 83, ../sass/frg-touch-slider.scss */
.touch-slider .card *:first-child {
margin-top: 0;
padding-top: 0;
}