UNPKG

checkout.js

Version:

Easy to use checkout widget powered by Crowdstart.

github.com/crowdstart/checkout.js

crowdstart/checkout.js

67 lines (53 loc) • 1.14 kB
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
61
62
63
64
65
66
67
.crowdstart-progress width: 100% padding: 0 margin: 20px 0 -10px 0 .crowdstart-progress overflow: hidden counter-reset: step display: flex justify-content: space-between .crowdstart-progress li width: 100% list-style-type: none text-transform: uppercase float: left position: relative text-align: center transition: all 0.4s ease-in-out .crowdstart-progress li:before content: counter(step) counter-increment: step width: 20px line-height: 2.2em display: block border-radius: 3px margin: 0 auto 5px auto transition: all 0.4s ease-in-out .crowdstart-progress li:after content: '' width: 100% height: 2px position: absolute left: -50% top: 9px z-index: -1 transition: all 0.4s ease-in-out .crowdstart-progress li:first-child:after content: none .crowdstart-back position: absolute top: 0.2em left: 0.6em cursor: pointer transform: scale(-1, 1) transition: all 0.4s ease-in-out .crowdstart-close font: 20px/100% arial, sans-serif right: 0.3em top: 0.1em position: absolute cursor: pointer z-index: 100 .crowdstart-close:after content: '×'