refactored checkout workflow with stripe
This commit is contained in:
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user