fix: ensure website theme is applied correctly

This commit is contained in:
prssanna 2021-05-18 15:42:13 +05:30 committed by Suraj Shetty
parent 04dfaf3b2a
commit c4d4be3265
2 changed files with 13 additions and 14 deletions

View File

@ -1,4 +1,3 @@
@import "frappe/public/scss/desk/variables";
@import "frappe/public/scss/common/mixins"; @import "frappe/public/scss/common/mixins";
body.product-page { body.product-page {
@ -217,12 +216,12 @@ body.product-page {
border-color: var(--table-border-color) !important; border-color: var(--table-border-color) !important;
padding: 15px; padding: 15px;
@include media-breakpoint-between(xs, md) { @media (max-width: 840px) {
height: 300px; height: 300px;
width: 300px; width: 300px;
} }
@include media-breakpoint-up(lg) { @media (min-width: 1090px) {
height: 350px; height: 350px;
width: 350px; width: 350px;
} }
@ -233,11 +232,12 @@ body.product-page {
} }
.item-slideshow { .item-slideshow {
@include media-breakpoint-between(xs, md) {
@media (max-width: 840px) {
max-height: 320px; max-height: 320px;
} }
@include media-breakpoint-up(lg) { @media (min-width: 1090px) {
max-height: 430px; max-height: 430px;
} }
@ -254,7 +254,7 @@ body.product-page {
cursor: pointer; cursor: pointer;
&:hover, &.active { &:hover, &.active {
border-color: $primary; border-color: var(--primary);
} }
} }
@ -316,12 +316,12 @@ body.product-page {
} }
.item-group-slideshow { .item-group-slideshow {
.item-group-description { // .item-group-description {
// max-width: 900px; // max-width: 900px;
} // }
.carousel-inner.rounded-carousel { .carousel-inner.rounded-carousel {
border-radius: $card-border-radius; border-radius: var(--card-border-radius);
} }
} }

View File

@ -1,4 +1,3 @@
@import "frappe/public/scss/website/variables";
.filter-options { .filter-options {
max-height: 300px; max-height: 300px;
@ -14,7 +13,7 @@
} }
&.active { &.active {
border-color: $primary; border-color: var(--primary);
.check { .check {
display: inline-flex; display: inline-flex;
@ -25,7 +24,7 @@
.check { .check {
display: inline-flex; display: inline-flex;
padding: 0.25rem; padding: 0.25rem;
background: $primary; background: var(--primary);
color: white; color: white;
border-radius: 50%; border-radius: 50%;
font-size: 12px; font-size: 12px;
@ -38,12 +37,12 @@
} }
.result { .result {
border-bottom: 1px solid $border-color; border-bottom: 1px solid var(--border-color);
} }
.transaction-list-item { .transaction-list-item {
padding: 1rem 0; padding: 1rem 0;
border-top: 1px solid $border-color; border-top: 1px solid var(--border-color);
position: relative; position: relative;
a.transaction-item-link { a.transaction-item-link {