124 lines
2.1 KiB
SCSS
124 lines
2.1 KiB
SCSS
/*------------------*
|
|
# Shop Pages
|
|
*------------------*/
|
|
.tab-content .tab-pane.active .grid-view .product-card {
|
|
animation: zoomIn 0.5s ease;
|
|
animation-duration: 1s;
|
|
}
|
|
|
|
.tab-content .tab-pane .grid-view-list .product-card {
|
|
padding: 15px;
|
|
}
|
|
.tab-content .tab-pane.active .grid-view-list .product-card {
|
|
animation: fadeInRight 0.5s ease;
|
|
animation-duration: 1s;
|
|
}
|
|
|
|
.grid-nav-wraper {
|
|
padding: 10px 30px;
|
|
@include max-screen(991) {
|
|
padding: 10px 15px;
|
|
}
|
|
}
|
|
|
|
.shop-grid-nav .nav .nav-item {
|
|
margin-right: 15px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.total-products {
|
|
font-weight: fontweight(regular);
|
|
margin-left: 50px;
|
|
line-height: 20px;
|
|
font-size: 14px;
|
|
padding: 5px;
|
|
@include max-screen(991) {
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
|
|
.shop-grid-nav .nav .nav-link {
|
|
color: $color-dark;
|
|
padding: 0;
|
|
background: transparent;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.shop-grid-nav .nav .nav-link.active,
|
|
.shop-grid-nav .nav .nav-link:hover {
|
|
color: $theme-color;
|
|
}
|
|
|
|
.shop-grid-button button {
|
|
width: 100%;
|
|
background: $color-white;
|
|
padding: 2px 15px;
|
|
line-height: 24px;
|
|
font-size: 14px;
|
|
color: $color-dark;
|
|
text-align: left;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.shop-grid-button button span {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.shop-grid-menu {
|
|
background: $color-white;
|
|
width: calc(100% - 145px);
|
|
border: 1px solid $border-color;
|
|
}
|
|
|
|
.shop-grid-menu .dropdown-item {
|
|
font-weight: fontweight(regular);
|
|
line-height: 24px;
|
|
font-size: 14px;
|
|
padding: 3px 15px;
|
|
color: $color-dark;
|
|
}
|
|
|
|
.shop-grid-menu .dropdown-item:hover {
|
|
background: $theme-color;
|
|
color: $color-white;
|
|
}
|
|
|
|
.sort-by {
|
|
min-width: 70px;
|
|
|
|
font-weight: fontweight(regular);
|
|
line-height: 20px;
|
|
font-size: 14px;
|
|
padding: 5px;
|
|
color: $color-dark;
|
|
margin-left: 50px;
|
|
@include max-screen(991) {
|
|
margin-left: 0px;
|
|
}
|
|
}
|
|
|
|
.product-list-des {
|
|
padding: 15px 0;
|
|
}
|
|
|
|
.availability-list p span {
|
|
color: $theme-color;
|
|
}
|
|
|
|
.grid-view-list {
|
|
.product-desc .title {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
.custom-select{
|
|
padding: 0px 15px;
|
|
height: 30px !important;
|
|
border: 0px;
|
|
font-size: 14px;
|
|
}
|
|
/*------------------*
|
|
# Shop Pages End
|
|
*------------------*/
|