270 lines
6.9 KiB
SCSS
270 lines
6.9 KiB
SCSS
@import 'variables', 'mixin';
|
|
|
|
/**
|
|
* Table of Contents:
|
|
|
|
* 1.0 - blockUI
|
|
* 2.0 - woocommerce-mini-cart
|
|
* 2.1 - woocommerce-mini-cart-item
|
|
* 2.1.1 - a:not([class])
|
|
* 2.1.2 - remove
|
|
* 2.1.3 - quantity
|
|
* 2.1.4 - variation
|
|
* 2.2 - woocommerce-mini-cart__total
|
|
* 2.3 - woocommerce-mini-cart__buttons
|
|
* 2.4 - woocommerce-mini-cart__empty-message
|
|
*/
|
|
|
|
.page-koszyk,
|
|
.page-zamowienie {
|
|
.woocommerce {
|
|
@include media-min(1200px) {
|
|
padding: 0 150px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.coupon {
|
|
display: flex;
|
|
|
|
.button {
|
|
width: 20%;
|
|
|
|
@include media-max(1200px) {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
&__title {
|
|
color: #000000;
|
|
font-family: 'gilroy-regular', sans-serif;
|
|
margin-bottom: 30px;
|
|
margin-top: 50px;
|
|
font-size: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
/* 1.0 - blockUI */
|
|
.blockUI {
|
|
&.blockOverlay {
|
|
position: relative;
|
|
opacity: 1 !important;
|
|
background: rgba(#FFF, .75) !important;
|
|
|
|
&:before {
|
|
@include absolute(0, 0, 0, 0);
|
|
content: '';
|
|
display: block;
|
|
height: 30px;
|
|
width: 30px;
|
|
margin: auto;
|
|
background: none;
|
|
z-index: 99999;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
@include css3(animation, loading 2s infinite linear);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* 2.0 - woocommerce-mini-cart */
|
|
.woocommerce-mini-cart {
|
|
line-height: 1.4;
|
|
font-size: 12px;
|
|
|
|
|
|
/* 2.1 - woocommerce-mini-cart-item */
|
|
&-item {
|
|
display: block;
|
|
position: relative;
|
|
padding: 15px;
|
|
display: block;
|
|
width: 100%;
|
|
min-height: 85px;
|
|
@include clear;
|
|
@include css3(transition, $transition);
|
|
|
|
&:nth-child(even) {
|
|
background: $woo-table-row-odd-background;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: $woo-table-row-hover-background;
|
|
}
|
|
|
|
&.more {
|
|
min-height: unset;
|
|
}
|
|
|
|
|
|
/* 2.1.1 - a:not([class]) */
|
|
a:not([class]) {
|
|
text-align: left;
|
|
display: block;
|
|
color: #000;
|
|
margin-left: 70px;
|
|
font-size: 15px;
|
|
|
|
>img {
|
|
float: left;
|
|
width: 55px;
|
|
border: 1px solid $btn-content-border-color;
|
|
padding: 1px;
|
|
margin-right: 15px;
|
|
margin-left: -70px;
|
|
}
|
|
|
|
&:after {
|
|
content: '';
|
|
margin: auto;
|
|
@include absolute(0, 0, 0, 0);
|
|
}
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
|
|
/* 2.1.2 - remove */
|
|
.remove {
|
|
position: absolute;
|
|
z-index: 10;
|
|
left: 17px;
|
|
top: 17px;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: #f95555;
|
|
color: #fff;
|
|
border: 0;
|
|
text-align: center;
|
|
font-size: 0;
|
|
display: block;
|
|
@include css3(transition, $transition);
|
|
|
|
&:before {
|
|
content: '';
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
&:hover {
|
|
background: #555;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
|
|
/* 2.1.3 - quantity */
|
|
.quantity {
|
|
margin-left: 70px;
|
|
margin-top: 7px;
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* 2.1.4 - variation */
|
|
.variation {
|
|
margin: 0;
|
|
padding-left: 70px;
|
|
|
|
dt {
|
|
display: inline;
|
|
margin: 0;
|
|
font-weight: $woo-bold-font-weight;
|
|
|
|
&:before {
|
|
content: ' ';
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
dd {
|
|
display: inline;
|
|
margin: 0;
|
|
|
|
p {
|
|
display: inline;
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* 2.2 - woocommerce-mini-cart__total */
|
|
&__total {
|
|
font-size: 17px;
|
|
font-weight: 400;
|
|
letter-spacing: 0;
|
|
text-transform: none;
|
|
padding: 15px 15px;
|
|
border-top: 1px solid $btn-content-border-color;
|
|
margin: 0;
|
|
text-align: center;
|
|
color: #000;
|
|
|
|
strong {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.amount {
|
|
font-weight: $woo-bold-font-weight;
|
|
color: #000;
|
|
}
|
|
}
|
|
|
|
|
|
/* 2.3 - woocommerce-mini-cart__buttons */
|
|
&__buttons {
|
|
margin: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
border-top: 1px solid #D7D7D7;
|
|
|
|
.button {
|
|
font-size: 13px !important;
|
|
padding: 5px 15px 15px;
|
|
letter-spacing: 0;
|
|
border: 0;
|
|
text-transform: none;
|
|
white-space: unset;
|
|
text-align: left;
|
|
min-height: auto;
|
|
color: #000 !important;
|
|
position: relative;
|
|
background: transparent;
|
|
font-weight: 400;
|
|
line-height: inherit;
|
|
margin-top: 0 !important;
|
|
|
|
.svg-icon {
|
|
width: 13px;
|
|
margin-right: 6px;
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
&:hover {
|
|
color: #fff !important;
|
|
background: transparent;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* 2.4 - woocommerce-mini-cart__empty-message */
|
|
&__empty-message {
|
|
padding: 20px;
|
|
text-transform: uppercase;
|
|
margin: 0;
|
|
font-size: 12px;
|
|
}
|
|
} |