refactor: Use css variables for breakpoint value

This commit is contained in:
Suraj Shetty 2021-05-28 08:55:38 +05:30
parent c4d4be3265
commit f4db3139b7

View File

@ -73,15 +73,6 @@ body.product-page {
}
}
// .card-body {
// text-align: center;
// }
// .featured-item {
// .card-body {
// text-align: left;
// }
// }
.card-img-container {
height: 210px;
width: 100%;
@ -216,12 +207,12 @@ body.product-page {
border-color: var(--table-border-color) !important;
padding: 15px;
@media (max-width: 840px) {
@media (max-width: var(--md-width)) {
height: 300px;
width: 300px;
}
@media (min-width: 1090px) {
@media (min-width: var(--lg-width)) {
height: 350px;
width: 350px;
}
@ -233,11 +224,11 @@ body.product-page {
.item-slideshow {
@media (max-width: 840px) {
@media (max-width: var(--md-width)) {
max-height: 320px;
}
@media (min-width: 1090px) {
@media (min-width: var(--lg-width)) {
max-height: 430px;
}
@ -316,9 +307,6 @@ body.product-page {
}
.item-group-slideshow {
// .item-group-description {
// max-width: 900px;
// }
.carousel-inner.rounded-carousel {
border-radius: var(--card-border-radius);