refactor: Use css variables for breakpoint value
This commit is contained in:
parent
c4d4be3265
commit
f4db3139b7
@ -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);
|
||||
|
Loading…
x
Reference in New Issue
Block a user