182 lines
3.1 KiB
SCSS
182 lines
3.1 KiB
SCSS
.ps_shoppingcart {
|
|
> a {
|
|
color: $black;
|
|
font: 300 14px/16px $font-family-base;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
i {
|
|
font-size: 24px;
|
|
line-height: 1;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.cart-products-label, .cart-products-count-text {
|
|
display: none;
|
|
}
|
|
|
|
@include hover-focus-active {
|
|
color: $brand-primary;
|
|
}
|
|
}
|
|
|
|
|
|
.dropdown-menu {
|
|
min-width: 320px;
|
|
padding: 30px;
|
|
@include media-breakpoint-up(md) {
|
|
min-width: 568px;
|
|
padding: 65px 65px 50px;
|
|
}
|
|
}
|
|
}
|
|
|
|
#cart-summary-product-list {
|
|
.cart-summary-product-item {
|
|
margin-bottom: 28px;
|
|
.product-thumbnail {
|
|
flex: 0 0 40%;
|
|
max-width: 140px;
|
|
margin-right: 19px;
|
|
img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.product-attributes {
|
|
> p {
|
|
font: 300 13px/15px $font-family-base;
|
|
color: $gray-61;
|
|
}
|
|
}
|
|
.close {
|
|
display: inline-block;
|
|
position: static;
|
|
float: none;
|
|
font: 500 13px/15px $font-family-base;
|
|
letter-spacing: $letter-spacing;
|
|
color: $black;
|
|
text-transform: uppercase;
|
|
@include hover-focus-active {
|
|
color: $brand-primary;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.block-cart-body {
|
|
.cart-subtotals, .cart-total {
|
|
border-top: solid 1px $black;
|
|
padding-top: 25px;
|
|
}
|
|
.cart-total {
|
|
margin-top: 25px;
|
|
}
|
|
}
|
|
|
|
.cart-subtotals {
|
|
.label, .value {
|
|
font: 400 16px/22px $font-family-base;
|
|
}
|
|
}
|
|
|
|
.cart-total {
|
|
.label, .value {
|
|
font: 500 24px/26px $font-family-base;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Styles cart right block
|
|
* Use on "shopping cart" page
|
|
*/
|
|
.cart-container {
|
|
.product-price, *[class^="product-price-"], *[class*=" product-price-"], .product-title {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.cart-summary {
|
|
.cart-summary-line {
|
|
text-transform: uppercase;
|
|
color: $black;
|
|
&.cart-total {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
.label {
|
|
margin-right: 5px;
|
|
}
|
|
.value {
|
|
color: $brand-primary;
|
|
}
|
|
}
|
|
}
|
|
|
|
.cart-summary {
|
|
.promo-highlighted {
|
|
.label {
|
|
color: $black;
|
|
|
|
.code {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
color: $brand-primary;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Styles cart list
|
|
* Use on "shopping cart" page
|
|
*/
|
|
.product-line-grid {
|
|
.product-line-grid-body {
|
|
> .product-line-info {
|
|
> .label {
|
|
padding: 0;
|
|
line-height: inherit;
|
|
text-align: left;
|
|
white-space: inherit;
|
|
}
|
|
> .out-of-stock {
|
|
color: $brand-danger;
|
|
}
|
|
> .available {
|
|
color: $brand-success;
|
|
}
|
|
}
|
|
}
|
|
|
|
.product-line-grid-right {
|
|
.cart-line-product-actions,
|
|
.product-price {
|
|
color: $black;
|
|
|
|
.remove-from-cart {
|
|
color: $black;
|
|
display: inline-block;
|
|
margin-top: 0.3125rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Styles for "block reassurance" module
|
|
* Use on "shopping cart" page
|
|
*/
|
|
#block-reassurance {
|
|
text-align: right;
|
|
li .block-reassurance-item {
|
|
padding: 15px 0;
|
|
}
|
|
img {
|
|
width: 1.563rem;
|
|
margin-right: .625rem;
|
|
}
|
|
} |