Skip to content

Instantly share code, notes, and snippets.

@cjavilla-stripe
Created August 12, 2022 21:07
Show Gist options
  • Save cjavilla-stripe/f69181201143495b5a262ca510df51fb to your computer and use it in GitHub Desktop.
Save cjavilla-stripe/f69181201143495b5a262ca510df51fb to your computer and use it in GitHub Desktop.
#card-back {
position: relative;
width: 384px;
height: 244px;
background-image: url("/assets/card-back.png");
background-size: 100%;
background-repeat: no-repeat;
}
#card-details {
padding-top: 40%;
padding-left: 4%;
color: white;
font-size: 14px;
font-variant: tabular-nums;
letter-spacing: 0rem;
}
#cardholder-name,
#card-number,
#card-expiry,
#card-cvc {
height: 24px;
}
#card-expiry,
#card-cvc {
width: 50px;
}
#expiry-cvc-wrapper {
display: flex;
}
#expiry-wrapper,
#cvc-wrapper {
display: flex;
align-items: center;
}
#expiry-wrapper {
width: 75px;
}
#card-expiry,
#card-cvc {
margin-left: 4px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment