refactored checkout workflow with stripe

This commit is contained in:
2021-01-11 21:16:42 +01:00
parent 2df6e53aa0
commit 02c983e7e0
48 changed files with 1154 additions and 177 deletions

View File

@ -33,3 +33,18 @@ p a{
border-bottom: 1px dotted #000;
}
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"]{
border-radius: 5px;
border : 0.5px solid #aaa;
padding: 0.3em 0.4em;
// &:focus{
// outline: none;
// border-color: blue;
// }
// outline-style: solid;
// outline-width: 1px;
}

View File

@ -874,7 +874,7 @@ article.node--type-frontpage{
color: #fff;
position: relative;
height:18em;
>div{
>article{
position: absolute;
top:50%; left:50%;
transform: translate(-50%, -50%);
@ -883,11 +883,11 @@ article.node--type-frontpage{
@extend %front-col-field__label;
font-weight: 600;
line-height: 0.7;
padding-bottom: 0.5em;
padding-bottom: 0.1em;
text-align: center;
word-spacing: 30000px;
}
.field--name-field-description{
.field--name-body{
@extend %front-col-description;
padding:0.5em;
p{
@ -1525,10 +1525,32 @@ article.card{
input[type="text"]{
width:20em;
}
.form-item-payment-information-billing-information-address-0-address-address-line2{
.stripe-form{
display: inline-block;
background-color: #fff;
color: #1A1A1A;
border-radius: 5px;
padding: 1em;
margin: 0 0 1em;
.form-item{
display: flex;
align-items: center;
flex-flow: row nowrap;
label{
color: #777;
}
.form-text{
background-color: #fff;
border-radius: 3px;
}
}
}
// .form-item-payment-information-billing-information-address-0-address-address-line2
.form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line2{
padding-left:$lw + 0.25em;
}
.form-item-payment-information-billing-information-copy-to-address-book{
// .form-item-payment-information-billing-information-copy-to-address-book
.form-item-payment-information-add-payment-method-billing-information-copy-to-address-book{
display: none;
}
}