¨4.0.1¨
This commit is contained in:
¨NW¨
@@ -47,7 +47,8 @@
|
||||
padding: 16px 0 20px;
|
||||
|
||||
.cookie-bar-text {
|
||||
margin: 0 0 14px 0;
|
||||
margin-right: 0;
|
||||
margin-bottom: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
@import 'footer/_footer-top',
|
||||
'footer/_footer-bottom';
|
||||
@import "footer/_footer-top";
|
||||
@import "footer/_footer-bottom";
|
||||
|
||||
.footer {
|
||||
padding-top: 70px;
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
@import 'header/_header-left',
|
||||
'header/_header-search',
|
||||
'header/_searched-keywords',
|
||||
'header/_search-suggestion',
|
||||
'header/_header-right',
|
||||
'header/_sticky-header';
|
||||
@import "header/_header-left";
|
||||
@import "header/_header-search";
|
||||
@import "header/_searched-keywords";
|
||||
@import "header/_search-suggestion";
|
||||
@import "header/_header-right";
|
||||
@import "header/_sticky-header";
|
||||
|
||||
.header-wrap {
|
||||
position: relative;
|
||||
@@ -11,12 +11,12 @@
|
||||
}
|
||||
|
||||
.header-wrap-inner {
|
||||
padding: 40px 0;
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: $lg) {
|
||||
.header-wrap-inner {
|
||||
padding: 15px 0;
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid $border-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
.landscape-products-wrap {
|
||||
margin-top: 45px;
|
||||
margin-top: 45px;
|
||||
|
||||
.products-header {
|
||||
border-bottom: 1px solid $border-color-lite;
|
||||
}
|
||||
.products-header {
|
||||
border-bottom: 1px solid $border-color-lite;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
padding-bottom: 14px;
|
||||
@@ -11,14 +11,14 @@
|
||||
}
|
||||
|
||||
.landscape-products {
|
||||
.arrow-prev.slick-arrow,
|
||||
.arrow-prev.slick-arrow,
|
||||
.arrow-next.slick-arrow {
|
||||
top: -40px;
|
||||
}
|
||||
|
||||
.slick-list {
|
||||
margin: 0 -15px -50px;
|
||||
padding: 30px 0 50px;
|
||||
.slick-list {
|
||||
margin: 0 -10px -50px;
|
||||
padding: 30px 1px 50px 0;
|
||||
|
||||
.slick-track {
|
||||
display: flex;
|
||||
@@ -29,14 +29,14 @@
|
||||
.slick-dots {
|
||||
position: relative;
|
||||
bottom: auto;
|
||||
margin-top: 30px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $lg) {
|
||||
.landscape-products {
|
||||
.slick-list {
|
||||
margin: 0 -8px -50px;
|
||||
margin: 0 -7.5px -50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -51,7 +51,7 @@
|
||||
justify-content: space-between;
|
||||
background: $color-default;
|
||||
background: var(--color-primary);
|
||||
border-radius: $radius-default 0 0 $radius-default;
|
||||
border-radius: $radius-default;
|
||||
cursor: pointer;
|
||||
|
||||
&:after {
|
||||
@@ -71,29 +71,9 @@
|
||||
width: 263px;
|
||||
background: $color-white;
|
||||
border: 1px solid $border-color;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
border-radius: $radius-default;
|
||||
z-index: 4;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
left: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background: $border-color;
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
&.show {
|
||||
display: block;
|
||||
}
|
||||
@@ -102,7 +82,7 @@
|
||||
&:before,
|
||||
&:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
content: "";
|
||||
left: 50%;
|
||||
border-style: solid;
|
||||
transform: translateX(-50%);
|
||||
@@ -110,14 +90,14 @@
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: -25px;
|
||||
top: -26px;
|
||||
border-width: 13px 15px;
|
||||
border-color: transparent;
|
||||
border-bottom-color: $border-color;
|
||||
}
|
||||
|
||||
&:after {
|
||||
top: -23px;
|
||||
top: -24px;
|
||||
border-width: 12px 14px;
|
||||
border-color: transparent;
|
||||
border-bottom-color: $color-white;
|
||||
@@ -177,7 +157,7 @@
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 15px;
|
||||
height: 15px;
|
||||
@@ -346,7 +326,7 @@
|
||||
&:hover {
|
||||
> .nav-link {
|
||||
> i {
|
||||
left: 15px #{'/*rtl:ignore*/'};
|
||||
left: 15px #{"/*rtl:ignore*/"};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -105,7 +105,7 @@
|
||||
|
||||
.newsletter-left {
|
||||
width: 100%;
|
||||
padding: 33px 40px 27px;
|
||||
padding: 33px 30px 27px;
|
||||
text-align: center;
|
||||
|
||||
.title {
|
||||
@@ -133,7 +133,7 @@
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.newsletter-left {
|
||||
padding: 28px 30px 22px;
|
||||
padding: 28px 25px 22px;
|
||||
|
||||
.sub-title {
|
||||
margin-bottom: 35px;
|
||||
@@ -154,7 +154,8 @@
|
||||
}
|
||||
|
||||
.btn-subscribe {
|
||||
margin: 15px 0 0 0;
|
||||
margin-left: 0;
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
@import 'order-summary/_order-summary-top',
|
||||
'order-summary/_order-summary-middle',
|
||||
'order-summary/_order-summary-bottom';
|
||||
@import "order-summary/_order-summary-top";
|
||||
@import "order-summary/_order-summary-middle";
|
||||
@import "order-summary/_order-summary-bottom";
|
||||
|
||||
.order-summary-wrap {
|
||||
width: 380px;
|
||||
@@ -9,12 +9,49 @@
|
||||
}
|
||||
|
||||
.order-summary {
|
||||
padding: 24px 30px 30px;
|
||||
padding: 22px 25px 30px;
|
||||
background: $color-white-dark;
|
||||
border-radius: $radius-default;
|
||||
}
|
||||
|
||||
.price-amount {
|
||||
font-weight: 500;
|
||||
.order-summary-list {
|
||||
li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 9px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.coupon-code {
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
> span {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.order-summary-total {
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
margin-top: 24px;
|
||||
padding-bottom: 0;
|
||||
justify-content: space-between;
|
||||
padding: 14px 0;
|
||||
border-top: 1px solid $color-gray-lite;
|
||||
|
||||
label {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
@import 'sidebar-cart/_sidebar-cart-top',
|
||||
'sidebar-cart/_sidebar-cart-middle',
|
||||
'sidebar-cart/_sidebar-cart-bottom';
|
||||
@import "sidebar-cart/_sidebar-cart-top";
|
||||
@import "sidebar-cart/_sidebar-cart-middle";
|
||||
@import "sidebar-cart/_sidebar-cart-bottom";
|
||||
|
||||
.sidebar-cart-wrap {
|
||||
position: fixed;
|
||||
@@ -8,7 +8,7 @@
|
||||
right: -200px;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
width: 400px;
|
||||
width: 380px;
|
||||
background: $color-white;
|
||||
box-shadow: 2.5px 4.33px 40px 5px rgba(12, 31, 46, 0.1);
|
||||
opacity: 0;
|
||||
|
||||
@@ -52,10 +52,9 @@
|
||||
|
||||
.nav-item {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
&.nav-tabs {
|
||||
.nav-link {
|
||||
font-weight: 400;
|
||||
padding: 8px;
|
||||
color: $color-gray-dark;
|
||||
text-align: center;
|
||||
@@ -64,7 +63,6 @@
|
||||
border-radius: 0;
|
||||
|
||||
&.active {
|
||||
font-weight: 400;
|
||||
color: $color-black;
|
||||
background: $color-white;
|
||||
cursor: default;
|
||||
@@ -133,7 +131,7 @@
|
||||
> .menu-item {
|
||||
&:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 16px;
|
||||
height: 15px;
|
||||
|
||||
@@ -44,8 +44,9 @@
|
||||
> input {
|
||||
height: 50px;
|
||||
width: 450px;
|
||||
border: none;
|
||||
padding: 12px 147px 10px 20px;
|
||||
border: none;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
> .btn-subscribe {
|
||||
@@ -53,7 +54,7 @@
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
border-radius: 0 $radius-default $radius-default 0;
|
||||
border-radius: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -30,6 +30,10 @@
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
&.top-nav-compare {
|
||||
display: none;
|
||||
}
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
color: $color-black;
|
||||
@@ -82,3 +86,15 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.top-nav {
|
||||
.top-nav-right-list {
|
||||
> li {
|
||||
&.top-nav-compare {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -55,7 +55,8 @@
|
||||
}
|
||||
|
||||
a {
|
||||
line-height: 33px;
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
display: block;
|
||||
color: $color-gray;
|
||||
border: 1px solid $color-gray-lite;
|
||||
@@ -65,7 +66,6 @@
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
vertical-align: top;
|
||||
|
||||
&:hover {
|
||||
color: $color-default;
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
}
|
||||
|
||||
svg {
|
||||
direction: ltr #{'/*rtl:ignore*/'};
|
||||
direction: ltr #{"/*rtl:ignore*/"};
|
||||
height: 60px;
|
||||
width: 245px;
|
||||
|
||||
|
||||
@@ -2,10 +2,22 @@
|
||||
height: 60px;
|
||||
padding: 0 15px;
|
||||
|
||||
.header-wishlist,
|
||||
.header-cart {
|
||||
.header-column-right-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 20px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> span,
|
||||
.icon-wrap > i {
|
||||
color: $color-default;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
> span {
|
||||
line-height: 28px;
|
||||
@@ -15,27 +27,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.header-wishlist {
|
||||
&:hover {
|
||||
> span,
|
||||
.icon-wrap > i {
|
||||
color: $color-default;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-cart {
|
||||
margin-left: 35px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
> span,
|
||||
.icon-wrap > i {
|
||||
color: $color-default;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon-wrap {
|
||||
@@ -43,7 +36,7 @@
|
||||
margin-right: 10px;
|
||||
|
||||
> i {
|
||||
font-size: 34px;
|
||||
font-size: 30px;
|
||||
line-height: 36px;
|
||||
color: $color-black;
|
||||
transition: $transition-default;
|
||||
@@ -58,20 +51,16 @@
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
color: $color-white;
|
||||
background: $color-red;
|
||||
background: $color-default;
|
||||
background: var(--color-primary);
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
border-radius: $radius-full;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $xl) {
|
||||
.header-column-right {
|
||||
.icon-wrap {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.header-wishlist,
|
||||
.header-cart {
|
||||
> span {
|
||||
display: none;
|
||||
@@ -82,18 +71,23 @@
|
||||
|
||||
@media screen and (max-width: $lg) {
|
||||
.header-column-right {
|
||||
.header-column-right-item {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.icon-wrap {
|
||||
> i {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.header-column-right {
|
||||
.header-compare,
|
||||
.header-wishlist {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header-cart {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 391px) {
|
||||
.header-column-right {
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,13 +11,16 @@
|
||||
.header-search-lg {
|
||||
position: relative;
|
||||
display: flex;
|
||||
background: $color-white-lite;
|
||||
border: 1px solid $border-color;
|
||||
border-radius: $radius-default;
|
||||
|
||||
.search-input {
|
||||
height: 58px;
|
||||
padding-left: 30px;
|
||||
background: $color-white-lite;
|
||||
border: none;
|
||||
border-radius: $radius-default;
|
||||
}
|
||||
|
||||
.header-search-right {
|
||||
@@ -30,15 +33,16 @@
|
||||
display: flex;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
margin-left: 40px;
|
||||
margin-left: 30px;
|
||||
padding: 0;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 0 $radius-default $radius-default 0;
|
||||
border-radius: $radius-default;
|
||||
|
||||
> i {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 36px;
|
||||
transform: rotateY(-180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -139,7 +143,7 @@
|
||||
position: static;
|
||||
display: flex;
|
||||
flex-grow: 0;
|
||||
margin-left: auto;
|
||||
margin: 0 -10px 0 auto;
|
||||
padding: 0 15px;
|
||||
align-items: center;
|
||||
}
|
||||
@@ -158,7 +162,7 @@
|
||||
}
|
||||
|
||||
> i {
|
||||
font-size: 34px;
|
||||
font-size: 30px;
|
||||
line-height: 36px;
|
||||
color: $color-black;
|
||||
cursor: pointer;
|
||||
|
||||
@@ -1,18 +1,32 @@
|
||||
.search-suggestions {
|
||||
position: absolute;
|
||||
left: 41px;
|
||||
left: 42px;
|
||||
top: 60px;
|
||||
right: 41px;
|
||||
right: 42px;
|
||||
background: $color-white;
|
||||
border-bottom: 2px solid $color-default;
|
||||
border-bottom: 2px solid var(--color-primary);
|
||||
border-radius: 0 0 $radius-default $radius-default;
|
||||
border-bottom: 1px solid $color-gray-lite;
|
||||
border-radius: $radius-default;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
|
||||
|
||||
.search-suggestions-inner {
|
||||
max-height: 425px;
|
||||
background: $color-white;
|
||||
padding-bottom: 11px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
|
||||
.more-results {
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
padding: 6px 0;
|
||||
color: $color-gray-dark;
|
||||
background: $color-white-dark;
|
||||
text-align: center;
|
||||
border-top: 1px solid $color-gray-lite;
|
||||
|
||||
&:hover {
|
||||
color: $color-default;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
@@ -25,7 +39,7 @@
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 7px;
|
||||
height: 15px;
|
||||
@@ -62,7 +76,7 @@
|
||||
line-height: 26px;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
padding: 0 20px;
|
||||
padding: 1px 20px;
|
||||
color: $color-gray;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@@ -72,27 +86,9 @@
|
||||
}
|
||||
|
||||
.product-suggestion {
|
||||
padding-bottom: 3px;
|
||||
|
||||
.title {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.more-results {
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
margin: 14px 0 -14px;
|
||||
padding: 6px 0;
|
||||
color: $color-gray-dark;
|
||||
background: $color-white-dark;
|
||||
text-align: center;
|
||||
border-top: 1px solid $color-gray-lite;
|
||||
|
||||
&:hover {
|
||||
color: $color-default;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-suggestion-list {
|
||||
@@ -163,20 +159,20 @@
|
||||
|
||||
@media screen and (max-width: $lg) {
|
||||
.search-suggestions {
|
||||
top: 76px;
|
||||
top: 71px;
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
display: none;
|
||||
|
||||
.search-suggestions-inner {
|
||||
max-height: 359px;
|
||||
max-height: 285px;
|
||||
}
|
||||
}
|
||||
|
||||
.header-wrap-inner {
|
||||
&.sticky {
|
||||
.search-suggestions {
|
||||
top: 71px;
|
||||
top: 66px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
top: -200px;
|
||||
right: 0;
|
||||
min-width: 320px;
|
||||
padding: 10px 0;
|
||||
padding: 8px 0;
|
||||
background: $color-white;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
z-index: 150;
|
||||
@@ -24,6 +24,23 @@
|
||||
}
|
||||
}
|
||||
|
||||
.header-search {
|
||||
.header-search-lg {
|
||||
.search-input {
|
||||
height: 54px;
|
||||
}
|
||||
|
||||
.btn-search {
|
||||
height: 46px;
|
||||
width: 46px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-suggestions {
|
||||
top: 57px;
|
||||
}
|
||||
|
||||
.searched-keywords {
|
||||
display: none;
|
||||
}
|
||||
@@ -34,3 +51,12 @@
|
||||
transition: 600ms ease;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $lg) {
|
||||
.header-wrap-inner {
|
||||
&.sticky {
|
||||
padding: 5px 0;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
.order-summary-bottom {
|
||||
text-align: center;
|
||||
|
||||
.checkout-terms-and-conditions {
|
||||
margin: -1px 0 0;
|
||||
padding-bottom: 17px;
|
||||
@@ -23,3 +25,11 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $md) and (max-width: $lg) {
|
||||
.order-summary-bottom {
|
||||
.btn {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,30 +10,16 @@
|
||||
}
|
||||
}
|
||||
|
||||
.shipping-methods {
|
||||
margin: 21px 0 -6px;
|
||||
.btn-remove-coupon {
|
||||
font-size: 14px;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
|
||||
> h6 {
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
|
||||
.error-message {
|
||||
margin: 0;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin: -1px 0 0;
|
||||
}
|
||||
|
||||
.form-radio {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
label {
|
||||
padding-right: 20px;
|
||||
color: $color-black;
|
||||
}
|
||||
&:hover {
|
||||
color: $color-default;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,35 +5,28 @@
|
||||
}
|
||||
|
||||
.cart-item {
|
||||
padding: 25px 0 24px;
|
||||
border-bottom: 1px solid $color-gray-lite;
|
||||
padding: 10px 0 10px;
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
margin-bottom: 9px;
|
||||
justify-content: space-between;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
.product-info {
|
||||
.number-picker {
|
||||
.input-quantity {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: 0;
|
||||
padding-right: 20px;
|
||||
.remove-cart-item {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.coupon-wrap {
|
||||
input {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.product-name {
|
||||
color: $color-black;
|
||||
|
||||
&:hover {
|
||||
color: $color-default;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
.product-quantity {
|
||||
font-weight: 500;
|
||||
.btn-apply-coupon {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,8 +7,8 @@
|
||||
|
||||
.sidebar-cart-subtotal {
|
||||
display: flex;
|
||||
margin: 0 30px;
|
||||
padding: 25px 0;
|
||||
margin: 0 25px;
|
||||
padding: 20px 0;
|
||||
justify-content: space-between;
|
||||
border-top: 1px solid $border-color-lite;
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
|
||||
.sidebar-cart-actions {
|
||||
display: flex;
|
||||
padding: 20px 30px;
|
||||
padding: 20px 25px;
|
||||
background: $color-white-lite;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 60px;
|
||||
bottom: 155px;
|
||||
padding: 0 30px;
|
||||
bottom: 145px;
|
||||
padding: 0 25px;
|
||||
|
||||
&.empty {
|
||||
bottom: 0;
|
||||
@@ -18,67 +18,14 @@
|
||||
}
|
||||
|
||||
.sidebar-cart-item {
|
||||
position: relative;
|
||||
display: flex;
|
||||
padding: 25px 0 21px;
|
||||
padding: 25px 0 20px;
|
||||
border-bottom: 1px solid $color-white-lite;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.product-image {
|
||||
height: 46px;
|
||||
width: 46px;
|
||||
min-width: 46px;
|
||||
border-radius: $radius-default;
|
||||
overflow: hidden;
|
||||
|
||||
.image-placeholder {
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.product-info {
|
||||
margin: 0 30px 0 20px;
|
||||
min-width: 0;
|
||||
|
||||
.product-name {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
display: block;
|
||||
color: $color-black;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
&:hover {
|
||||
color: $color-default;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
.product-quantity {
|
||||
font-size: 13px;
|
||||
line-height: 26px;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
|
||||
.remove-cart-item {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
right: -8px;
|
||||
|
||||
.btn-remove {
|
||||
font-size: 14px;
|
||||
opacity: 0.6;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
.sidebar-cart-top {
|
||||
display: flex;
|
||||
padding: 15px 30px;
|
||||
padding: 15px 25px;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: $color-default;
|
||||
|
||||
Reference in New Issue
Block a user