Hex Artifact Content
Not logged in

Artifact a8040a6c8e7e0f8a179096b68f225f7cb49c4ed8:


0000: 40 69 6d 70 6f 72 74 20 27 6d 69 78 69 6e 73 27  @import 'mixins'
0010: 3b 0a 0a 2e 50 61 79 20 7b 0a 20 20 2f 2f 20 46  ;...Pay {.  // F
0020: 6c 65 78 0a 20 20 64 69 73 70 6c 61 79 3a 20 66  lex.  display: f
0030: 6c 65 78 3b 0a 20 20 61 6c 69 67 6e 2d 69 74 65  lex;.  align-ite
0040: 6d 73 3a 20 63 65 6e 74 65 72 3b 0a 20 20 6a 75  ms: center;.  ju
0050: 73 74 69 66 79 2d 63 6f 6e 74 65 6e 74 3a 20 63  stify-content: c
0060: 65 6e 74 65 72 3b 0a 0a 20 20 2f 2f 20 6a 75 73  enter;..  // jus
0070: 74 20 74 6f 20 62 72 69 6e 67 20 74 68 65 20 2e  t to bring the .
0080: 77 69 6e 64 6f 77 20 61 20 62 69 74 20 68 69 67  window a bit hig
0090: 68 65 72 0a 20 20 70 61 64 64 69 6e 67 2d 62 6f  her.  padding-bo
00a0: 74 74 6f 6d 3a 20 33 25 3b 0a 0a 20 20 6d 69 6e  ttom: 3%;..  min
00b0: 2d 68 65 69 67 68 74 3a 20 63 61 6c 63 28 31 30  -height: calc(10
00c0: 30 76 68 20 2d 20 31 32 30 70 78 29 3b 0a 7d 0a  0vh - 120px);.}.
00d0: 2e 77 69 6e 64 6f 77 20 7b 0a 20 20 62 61 63 6b  .window {.  back
00e0: 67 72 6f 75 6e 64 3a 20 23 66 66 66 3b 0a 20 20  ground: #fff;.  
00f0: 70 61 64 64 69 6e 67 3a 20 33 30 70 78 3b 0a 20  padding: 30px;. 
0100: 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20   border-radius: 
0110: 33 70 78 3b 0a 20 20 62 6f 78 2d 73 68 61 64 6f  3px;.  box-shado
0120: 77 3a 20 23 61 64 61 64 61 64 20 31 70 78 20 31  w: #adadad 1px 1
0130: 70 78 20 33 70 78 20 30 70 78 3b 0a 0a 20 20 40  px 3px 0px;..  @
0140: 69 6e 63 6c 75 64 65 20 6d 6f 62 69 6c 65 20 7b  include mobile {
0150: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 30 3b  .    padding: 0;
0160: 0a 20 20 20 20 62 6f 78 2d 73 68 61 64 6f 77 3a  .    box-shadow:
0170: 20 6e 6f 6e 65 3b 0a 20 20 7d 0a 7d 0a 2e 70 72   none;.  }.}..pr
0180: 6f 66 69 6c 65 20 7b 0a 20 20 6d 61 72 67 69 6e  ofile {.  margin
0190: 3a 20 2d 33 30 70 78 20 2d 33 30 70 78 20 32 30  : -30px -30px 20
01a0: 70 78 20 2d 33 30 70 78 3b 0a 20 20 70 61 64 64  px -30px;.  padd
01b0: 69 6e 67 3a 20 34 30 70 78 20 30 20 33 30 70 78  ing: 40px 0 30px
01c0: 20 30 3b 0a 20 20 62 61 63 6b 67 72 6f 75 6e 64   0;.  background
01d0: 3a 20 23 66 39 66 39 66 39 3b 0a 20 20 74 65 78  : #f9f9f9;.  tex
01e0: 74 2d 61 6c 69 67 6e 3a 20 63 65 6e 74 65 72 3b  t-align: center;
01f0: 0a 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73  .  border-radius
0200: 3a 20 33 70 78 20 33 70 78 20 30 20 30 3b 0a 20  : 3px 3px 0 0;. 
0210: 20 62 6f 78 2d 73 68 61 64 6f 77 3a 20 69 6e 73   box-shadow: ins
0220: 65 74 20 23 65 63 65 63 65 63 20 30 20 2d 31 70  et #ececec 0 -1p
0230: 78 20 32 70 78 20 30 70 78 3b 0a 0a 20 20 2e 70  x 2px 0px;..  .p
0240: 72 6f 66 69 6c 65 50 69 63 20 7b 0a 20 20 20 20  rofilePic {.    
0250: 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 32  border-radius: 2
0260: 30 30 70 78 3b 0a 20 20 20 20 68 65 69 67 68 74  00px;.    height
0270: 3a 20 32 30 30 70 78 3b 0a 20 20 20 20 77 69 64  : 200px;.    wid
0280: 74 68 3a 20 32 30 30 70 78 3b 0a 20 20 7d 0a 7d  th: 200px;.  }.}
0290: 0a 2e 64 65 73 63 72 69 70 74 69 6f 6e 20 7b 0a  ..description {.
02a0: 20 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 35 70    font-size: 15p
02b0: 78 3b 0a 7d 0a 2e 61 6d 6f 75 6e 74 49 6e 70 75  x;.}..amountInpu
02c0: 74 20 7b 0a 20 20 6d 61 72 67 69 6e 2d 62 6f 74  t {.  margin-bot
02d0: 74 6f 6d 3a 20 32 30 70 78 3b 0a 0a 20 20 69 6e  tom: 20px;..  in
02e0: 70 75 74 20 7b 0a 20 20 20 20 66 6f 6e 74 2d 66  put {.    font-f
02f0: 61 6d 69 6c 79 3a 20 27 4f 70 65 6e 20 53 61 6e  amily: 'Open San
0300: 73 27 2c 20 73 61 6e 73 2d 73 65 72 69 66 3b 0a  s', sans-serif;.
0310: 20 20 20 20 68 65 69 67 68 74 3a 20 37 30 70 78      height: 70px
0320: 3b 0a 20 20 20 20 6c 69 6e 65 2d 68 65 69 67 68  ;.    line-heigh
0330: 74 3a 20 37 30 70 78 3b 0a 20 20 20 20 66 6f 6e  t: 70px;.    fon
0340: 74 2d 73 69 7a 65 3a 20 33 30 70 78 3b 0a 20 20  t-size: 30px;.  
0350: 7d 0a 7d 0a                                      }.}.