first commit
This commit is contained in:
@@ -0,0 +1,123 @@
|
||||
/*------------------*
|
||||
# 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
|
||||
*------------------*/
|
||||
Reference in New Issue
Block a user