-
Notifications
You must be signed in to change notification settings - Fork 1
/
bespoke-simple-overview.css
60 lines (51 loc) · 2.39 KB
/
bespoke-simple-overview.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
54
55
56
57
58
59
60
.bespoke-parent {
perspective: 900px;
}
.bespoke-parent .bespoke-slide {
transition-property: transform, opacity;
}
.bespoke-simple-overview .bespoke-slide {
transform: translate3d(0, 0, -2000px);
outline: 4px solid silver;
background-color: rgba(255, 255, 255, .2);
opacity: initial;
}
.bespoke-simple-overview .bespoke-slide:hover,
.bespoke-simple-overview .bespoke-slide.bespoke-active {
outline-color: steelblue;
}
.bespoke-simple-overview .bespoke-slide.bespoke-before {
display: none;
transform: translate3d(-630%, 0, -2000px);
}
.bespoke-simple-overview .bespoke-slide.bespoke-after {
display: none;
transform: translate3d(630%, 0, -2000px);
}
.bespoke-simple-overview .bespoke-slide.bespoke-before-1,
.bespoke-simple-overview .bespoke-slide.bespoke-before-2,
.bespoke-simple-overview .bespoke-slide.bespoke-before-3,
.bespoke-simple-overview .bespoke-slide.bespoke-before-4,
.bespoke-simple-overview .bespoke-slide.bespoke-before-5,
.bespoke-simple-overview .bespoke-slide.bespoke-after-1,
.bespoke-simple-overview .bespoke-slide.bespoke-after-2,
.bespoke-simple-overview .bespoke-slide.bespoke-after-3,
.bespoke-simple-overview .bespoke-slide.bespoke-after-4,
.bespoke-simple-overview .bespoke-slide.bespoke-after-5 {
display: flex;
}
.bespoke-simple-overview .bespoke-slide.bespoke-before-1 { transform: translate3d(-105%, 0, -2000px); }
.bespoke-simple-overview .bespoke-slide.bespoke-before-2 { transform: translate3d(-210%, 0, -2000px); }
.bespoke-simple-overview .bespoke-slide.bespoke-before-3 { transform: translate3d(-315%, 0, -2000px); }
.bespoke-simple-overview .bespoke-slide.bespoke-before-4 { transform: translate3d(-420%, 0, -2000px); }
.bespoke-simple-overview .bespoke-slide.bespoke-before-5 { transform: translate3d(-525%, 0, -2000px); }
.bespoke-simple-overview .bespoke-slide.bespoke-after-1 { transform: translate3d(105%, 0, -2000px); }
.bespoke-simple-overview .bespoke-slide.bespoke-after-2 { transform: translate3d(210%, 0, -2000px); }
.bespoke-simple-overview .bespoke-slide.bespoke-after-3 { transform: translate3d(315%, 0, -2000px); }
.bespoke-simple-overview .bespoke-slide.bespoke-after-4 { transform: translate3d(420%, 0, -2000px); }
.bespoke-simple-overview .bespoke-slide.bespoke-after-5 { transform: translate3d(525%, 0, -2000px); }
.bespoke-simple-overview .bespoke-bullet-inactive {
display: list-item;
opacity: initial;
transform: initial;
}