368 lines
8.2 KiB
SCSS
368 lines
8.2 KiB
SCSS
@import 'variables', 'mixin';
|
|
|
|
/**
|
|
* Table of Contents:
|
|
|
|
* 1.0 - checkout_coupon
|
|
* 2.0 - order_review
|
|
*/
|
|
|
|
#paczkomat_id {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.shipping paczkomaty-shipping{
|
|
.select2-container{
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
#order_review {
|
|
|
|
.woocommerce-shipping-totals label {
|
|
font-family: 'gilroy-regular', sans-serif;
|
|
font-weight: 600;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
padding: 20px;
|
|
|
|
@include media-max(1200px) {
|
|
padding: 5px;
|
|
}
|
|
}
|
|
|
|
thead,
|
|
tbody,
|
|
tfoot,
|
|
tr,
|
|
td,
|
|
th {
|
|
border: 1px solid #D7D7D7;
|
|
}
|
|
}
|
|
|
|
.woocommerce-form-coupon-toggle {
|
|
a {
|
|
@extend %link-color;
|
|
}
|
|
}
|
|
|
|
.woocommerce-checkout {
|
|
.wpmc-nav-wrapper {
|
|
margin-top: 50px;
|
|
|
|
@include media-max(1200px) {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.button {
|
|
@include media-max(1200px) {
|
|
margin-top: 10px;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.content {
|
|
padding: 60px 0 60px;
|
|
}
|
|
}
|
|
|
|
@keyframes pulse {
|
|
to {
|
|
box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
|
|
}
|
|
}
|
|
|
|
.place-order {
|
|
button#place_order {
|
|
width: 100%;
|
|
animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 15%);
|
|
|
|
&:hover {
|
|
-webkit-animation: none;
|
|
-moz-animation: none;
|
|
-ms-animation: none;
|
|
animation: none;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
}
|
|
|
|
h3#payment_heading {
|
|
color: #000000;
|
|
font-family: 'gilroy-regular', sans-serif;
|
|
margin-bottom: 30px;
|
|
margin-top: 40px;
|
|
font-size: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
h3#order_review_heading {
|
|
color: #000000;
|
|
font-family: 'gilroy-regular', sans-serif;
|
|
margin-bottom: 30px;
|
|
margin-top: 40px;
|
|
font-size: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.woocommerce-billing-fields {
|
|
h3 {
|
|
color: #000000;
|
|
font-family: 'gilroy-regular', sans-serif;
|
|
margin-bottom: 30px;
|
|
margin-top: 40px;
|
|
font-size: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.acc-form label,
|
|
.shipping_address label,
|
|
.shipping-calculator-form label,
|
|
.woocommerce-billing-fields label,
|
|
.woocommerce-address-fields label,
|
|
.woocommerce-additional-fields label,
|
|
#ship-to-different-address label {
|
|
margin: 0 0 3px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.acc-form .form-row,
|
|
.shipping_address .form-row,
|
|
.shipping_address .form-row,
|
|
.shipping-calculator-form .form-row,
|
|
.woocommerce-billing-fields .form-row,
|
|
.woocommerce-address-fields .form-row,
|
|
.woocommerce-additional-fields .form-row,
|
|
#ship-to-different-address .form-row {
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.acc-form .form-row>span input,
|
|
.acc-form .form-row>span>span,
|
|
.acc-form .form-row>span>strong,
|
|
.shipping_address .form-row>span input,
|
|
.shipping_address .form-row>span>span,
|
|
.shipping_address .form-row>span>strong,
|
|
.shipping-calculator-form .form-row>span input,
|
|
.shipping-calculator-form .form-row>span>span,
|
|
.shipping-calculator-form .form-row>span>strong,
|
|
.woocommerce-billing-fields .form-row>span input,
|
|
.woocommerce-billing-fields .form-row>span>span,
|
|
.woocommerce-billing-fields .form-row>span>strong,
|
|
.woocommerce-address-fields .form-row>span input,
|
|
.woocommerce-address-fields .form-row>span>span,
|
|
.woocommerce-address-fields .form-row>span>strong,
|
|
.woocommerce-additional-fields .form-row>span input,
|
|
.woocommerce-additional-fields .form-row>span>span,
|
|
.woocommerce-additional-fields .form-row>span>strong,
|
|
.acc-form select,
|
|
.shipping_address select,
|
|
.shipping-calculator-form select,
|
|
.woocommerce-billing-fields select,
|
|
.woocommerce-address-fields select,
|
|
.woocommerce-additional-fields select,
|
|
#ship-to-different-address select,
|
|
#ship-to-different-address .form-row>span input,
|
|
#ship-to-different-address .form-row>span>span,
|
|
#ship-to-different-address .form-row>span>strong {
|
|
max-width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
#ship-to-different-address {
|
|
font-weight: 700;
|
|
max-width: 100%;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
|
|
display: inline-block;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 40px;
|
|
min-width: 40px;
|
|
min-height: 40px;
|
|
height: 40px;
|
|
margin-top: -19px !important;
|
|
color: #999;
|
|
background: #fff;
|
|
border-radius: 0;
|
|
position: relative;
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
font-family: 'gilroy-regular', sans-serif;
|
|
}
|
|
|
|
.acc-form textarea,
|
|
.shipping_address textarea,
|
|
.shipping-calculator-form textarea,
|
|
.woocommerce-billing-fields textarea,
|
|
.woocommerce-address-fields textarea,
|
|
.woocommerce-additional-fields textarea,
|
|
#ship-to-different-address textarea {
|
|
max-width: 100%;
|
|
height: 120px;
|
|
}
|
|
|
|
.woocommerce-additional-fields {
|
|
#order_comments_field {
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
.woocommerce-billing-fields__field-wrapper {
|
|
.form-row {
|
|
margin: 0 auto;
|
|
padding: 10px 0;
|
|
}
|
|
}
|
|
|
|
.wpmc-steps-wrapper {
|
|
margin-top: 30px;
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.wpmc-tabs-wrapper {
|
|
margin-top: 20px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.wpmc-tabs-wrapper .wpmc-tab-item:before {
|
|
border-bottom: 2px solid rgba(#000, 10%);
|
|
}
|
|
|
|
.wpmc-tabs-wrapper .wpmc-tab-item.current::before {
|
|
border-bottom: 2px solid $primary-color;
|
|
}
|
|
|
|
.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number {
|
|
border-color: $primary-color;
|
|
}
|
|
|
|
.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-text {
|
|
font-size: 15px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-text {
|
|
color: darken($primary-color, 20%);
|
|
}
|
|
|
|
/* 1.0 - checkout_coupon */
|
|
.checkout_coupon {
|
|
.form-row {
|
|
float: left;
|
|
margin: 0 0 10px;
|
|
|
|
&-first {
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* 2.0 - order_review */
|
|
#order_review {
|
|
margin: $header-margin;
|
|
|
|
th {
|
|
border-bottom: 1px solid $woo-border-color;
|
|
}
|
|
|
|
dl {
|
|
margin: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
dd {
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
.methods {
|
|
list-style: none;
|
|
padding: 0;
|
|
|
|
.payment_method_przelewy24 {
|
|
img {
|
|
margin-left: 10px;
|
|
position: relative;
|
|
top: -4px;
|
|
}
|
|
}
|
|
|
|
.tpay {
|
|
&-row {
|
|
overflow: unset;
|
|
}
|
|
|
|
&-insidebg {
|
|
margin: 10px auto 0 !important;
|
|
}
|
|
|
|
&-info-label {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
&-amPmCheckbox {
|
|
padding-left: 30px;
|
|
@extend .form-check;
|
|
|
|
input[type="checkbox"] {
|
|
display: block !important;
|
|
|
|
+label {
|
|
background: none !important;
|
|
font-family: inherit !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.woocommerce-shipping-totals {
|
|
input[type="radio"] {
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
label {
|
|
display: inline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.woocommerce-shipping-methods {
|
|
line-height: 1.5;
|
|
|
|
@include media-min(1200px){
|
|
min-width: 200px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.place-order button {
|
|
margin: $paragraph-margin $paragraph-margin $paragraph-margin auto;
|
|
}
|
|
}
|
|
|
|
#ship-to-different-address label {
|
|
font-size: 16px;
|
|
|
|
span {
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
} |