NW/FleetCart
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects 1 Releases Wiki Activity

¨4.0.1¨

Browse Source
This commit is contained in:
¨NW¨
2023-12-03 14:07:47 +00:00
parent c08b36d1b6
commit f35052522d
1112 changed files with 43019 additions and 24987 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
Themes/Storefront/resources/assets/public/sass/pages/checkout/_checkout-left.scss
View File

@@ -32,36 +32,25 @@
}
}
.select-address {
padding: 3px 0;
.address-card-wrap {
margin-bottom: -10px;
.form-group {
margin-bottom: 0;
}
> .row {
margin-left: -10px;
margin-right: -10px;
.form-radio {
margin-bottom: 9px;
}
label {
> span {
font-weight: 500;
display: block;
color: $color-black;
&:not(:first-child) {
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: $color-gray;
}
&:nth-child(2) {
margin-top: 5px;
}
> .col {
flex: 0 0 33.33333333333333%;
max-width: 33.33333333333333%;
padding-left: 10px;
padding-right: 10px;
}
}
.address-card {
margin-bottom: 20px;
}
.error-message {
display: inline-flex;
margin: 0 0 20px;
@@ -71,7 +60,7 @@
.add-new-address-wrap {
.btn-add-new-address {
font-weight: 500;
margin-bottom: 22px;
margin-bottom: 20px;
padding: 5px 0;
&:hover {
@@ -90,16 +79,103 @@
}
}
@media screen and (max-width: 1700px) {
.checkout-form {
.address-card-wrap {
padding: 3px 0;
> .row {
> .col {
flex: 0 0 50%;
max-width: 50%;
}
}
}
}
}
@media screen and (max-width: 1350px) {
.checkout-form {
.address-card-wrap {
> .row {
> .col {
flex: 0 0 100%;
max-width: 100%;
}
}
}
}
}
@media screen and (max-width: 1280px) {
.checkout-form {
.address-card-wrap {
> .row {
> .col {
flex: 0 0 33.33333333333333%;
max-width: 33.33333333333333%;
}
}
}
.order-notes {
margin-bottom: 20px;
}
}
}
@media screen and (max-width: $xl) {
.checkout-form {
.address-card-wrap {
> .row {
> .col {
flex: 0 0 50%;
max-width: 50%;
}
}
}
}
}
@media screen and (max-width: $lg) {
.checkout-left {
padding-right: 0;
}
.checkout-form {
.address-card-wrap {
> .row {
> .col {
flex: 0 0 33.33333333333333%;
max-width: 33.33333333333333%;
}
}
}
}
}
@media screen and (max-width: 850px) {
.checkout-form {
.address-card-wrap {
> .row {
> .col {
flex: 0 0 50%;
max-width: 50%;
}
}
}
}
}
@media screen and (max-width: $sm) {
.checkout-form {
.address-card-wrap {
> .row {
> .col {
flex: 0 0 100%;
max-width: 100%;
}
}
}
}
}

99
Themes/Storefront/resources/assets/public/sass/pages/checkout/_checkout-right.scss
View File

@@ -7,41 +7,41 @@
.title {
margin-bottom: 13px;
}
}
.payment-method-form {
padding: 28px 30px 5px;
border: 1px solid $color-gray-lite;
border-radius: $radius-default;
.payment-method-form {
padding: 25px 25px 4px;
border: 1px solid $color-gray-lite;
border-radius: $radius-default;
.form-group {
margin-bottom: 0;
}
.form-group {
margin-bottom: 0;
}
.form-radio {
margin-bottom: 20px;
}
.form-radio {
margin-bottom: 20px;
}
label {
font-weight: 500;
color: $color-black;
}
label {
font-weight: 500;
color: $color-black;
}
.helper-text {
font-size: 13px;
display: block;
margin: -4px 0 0 28px;
color: $color-gray;
}
.helper-text {
font-size: 13px;
display: block;
margin: -4px 0 0 28px;
color: $color-gray;
}
.error-message {
margin: -2px 0 20px;
.error-message {
margin: -2px 0 20px;
}
}
}
.payment-instructions {
margin-top: 30px;
padding: 24px 30px 23px;
padding: 21px 25px;
background: $color-white-dark;
border-radius: $radius-default;
@@ -55,8 +55,37 @@
}
}
.coupon-wrap {
margin-top: 25px;
.shipping-method {
margin-top: 33px;
.title {
margin-bottom: 13px;
}
.shipping-method-form {
padding: 25px 25px 7px;
border: 1px solid $color-gray-lite;
border-radius: $radius-default;
.form-group {
margin-bottom: 0;
}
.form-radio {
font-weight: 400;
display: flex;
justify-content: space-between;
margin-bottom: 8px;
label {
font-weight: 400;
}
span {
font-weight: 500;
}
}
}
}
}
@@ -67,22 +96,8 @@
border-radius: $radius-default;
}
@media screen and (min-width: 1281px) {
.checkout-right {
.coupon-wrap {
.form-group {
input {
width: auto;
}
.btn-apply-coupon {
width: 100%;
padding: 7px 15px;
white-space: nowrap;
}
}
}
}
.stripe-error-message {
word-break: break-all;
}
@media screen and (max-width: 1280px) {