refactored checkout workflow with stripe
This commit is contained in:
@ -45,6 +45,27 @@ div.description[data-v-7bb795f8] {
|
||||
max-width: 30%;
|
||||
margin: 0;
|
||||
}
|
||||
.form-type-password input.weak[data-v-2acc57a0] {
|
||||
border-width: 2px;
|
||||
border-color: red !important;
|
||||
}
|
||||
.form-type-password input.weak[data-v-2acc57a0]:focus {
|
||||
outline: none;
|
||||
}
|
||||
.form-type-password input.medium[data-v-2acc57a0] {
|
||||
border-width: 2px;
|
||||
border-color: orange !important;
|
||||
}
|
||||
.form-type-password input.medium[data-v-2acc57a0]:focus {
|
||||
outline: none;
|
||||
}
|
||||
.form-type-password input.strong[data-v-2acc57a0] {
|
||||
border-width: 2px;
|
||||
border-color: green !important;
|
||||
}
|
||||
.form-type-password input.strong[data-v-2acc57a0]:focus {
|
||||
outline: none;
|
||||
}
|
||||
input[data-v-2acc57a0] {
|
||||
box-sizing: content-box;
|
||||
max-width: 100%;
|
||||
@ -110,6 +131,14 @@ p a {
|
||||
width: 100%;
|
||||
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; }
|
||||
|
||||
.col-1, .small-col-1, .med-col-1, .large-col-1, .col-2, .small-col-2, .med-col-2, .large-col-2, .col-3, .small-col-3, .med-col-3, .large-col-3, .col-4, .small-col-4, .med-col-4, .large-col-4, .col-5, .small-col-5, .med-col-5, .large-col-5, .col-6, .small-col-6, .med-col-6, .large-col-6, .col-7, .small-col-7, .med-col-7, .large-col-7, .col-8, .small-col-8, .med-col-8, .large-col-8, .col-9, .small-col-9, .med-col-9, .large-col-9, .col-10, .small-col-10, .med-col-10, .large-col-10, .col-11, .small-col-11, .med-col-11, .large-col-11, .col-12, .small-col-12, .med-col-12, .large-col-12, .col-1-offset-1, .col-1-offset-2, .col-1-offset-3, .col-1-offset-4, .col-1-offset-5, .col-1-offset-6, .col-1-offset-7, .col-1-offset-8, .col-1-offset-9, .col-1-offset-10, .col-1-offset-11, .col-2-offset-1, .col-2-offset-2, .col-2-offset-3, .col-2-offset-4, .col-2-offset-5, .col-2-offset-6, .col-2-offset-7, .col-2-offset-8, .col-2-offset-9, .col-2-offset-10, .col-3-offset-1, .col-3-offset-2, .col-3-offset-3, .col-3-offset-4, .col-3-offset-5, .col-3-offset-6, .col-3-offset-7, .col-3-offset-8, .col-3-offset-9, .col-4-offset-1, .col-4-offset-2, .col-4-offset-3, .col-4-offset-4, .col-4-offset-5, .col-4-offset-6, .col-4-offset-7, .col-4-offset-8, .col-5-offset-1, .col-5-offset-2, .col-5-offset-3, .col-5-offset-4, .col-5-offset-5, .col-5-offset-6, .col-5-offset-7, .col-6-offset-1, .col-6-offset-2, .col-6-offset-3, .col-6-offset-4, .col-6-offset-5, .col-6-offset-6, .col-7-offset-1, .col-7-offset-2, .col-7-offset-3, .col-7-offset-4, .col-7-offset-5, .col-8-offset-1, .col-8-offset-2, .col-8-offset-3, .col-8-offset-4, .col-9-offset-1, .col-9-offset-2, .col-9-offset-3, .col-10-offset-1, .col-10-offset-2, .col-11-offset-1 {
|
||||
width: 100%;
|
||||
float: left;
|
||||
@ -1505,7 +1534,7 @@ article.node--type-frontpage .node__content > section.home-intro > div:nth-child
|
||||
font-size: 3.5em;
|
||||
line-height: 1; }
|
||||
|
||||
article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-field-description {
|
||||
article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-body {
|
||||
font-size: 0.9em;
|
||||
line-height: 1.3; }
|
||||
|
||||
@ -1757,7 +1786,7 @@ article.node--type-frontpage .node__content > section.home-pricing .field--name-
|
||||
background-color: #ff9f50; }
|
||||
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item:nth-child(2) a.btn {
|
||||
color: #ff9f50; }
|
||||
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item > div {
|
||||
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item > article {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@ -1765,12 +1794,12 @@ article.node--type-frontpage .node__content > section.home-pricing .field--name-
|
||||
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-title {
|
||||
font-weight: 600;
|
||||
line-height: 0.7;
|
||||
padding-bottom: 0.5em;
|
||||
padding-bottom: 0.1em;
|
||||
text-align: center;
|
||||
word-spacing: 30000px; }
|
||||
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-field-description {
|
||||
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-body {
|
||||
padding: 0.5em; }
|
||||
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-field-description p {
|
||||
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-body p {
|
||||
margin: 0; }
|
||||
|
||||
.infinite-loading-container .infinite-status-prompt i[class^="loading-"] {
|
||||
@ -2255,9 +2284,25 @@ article.card {
|
||||
min-width: 10em; }
|
||||
#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main input[type="text"] {
|
||||
width: 20em; }
|
||||
#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-billing-information-address-0-address-address-line2 {
|
||||
#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form {
|
||||
display: inline-block;
|
||||
background-color: #fff;
|
||||
color: #1A1A1A;
|
||||
border-radius: 5px;
|
||||
padding: 1em;
|
||||
margin: 0 0 1em; }
|
||||
#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-flow: row nowrap; }
|
||||
#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item label {
|
||||
color: #777; }
|
||||
#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item .form-text {
|
||||
background-color: #fff;
|
||||
border-radius: 3px; }
|
||||
#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line2 {
|
||||
padding-left: 10.25em; }
|
||||
#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-billing-information-copy-to-address-book {
|
||||
#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-copy-to-address-book {
|
||||
display: none; }
|
||||
#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary {
|
||||
width: 100%;
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user