You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
1.9 KiB
95 lines
1.9 KiB
.product_card{
|
|
/* width: 100vw; */
|
|
height: 370px;
|
|
display: table;
|
|
float: left;
|
|
position: static;
|
|
text-align: center;
|
|
border:1px solid hsl(0, 0%, 100%);
|
|
/* margin-left: 30px;
|
|
margin-top: 10px;
|
|
margin-bottom: 20px;*/
|
|
padding: 20px;
|
|
transition: all 0.2s ease;
|
|
width: 100%;
|
|
}
|
|
|
|
.product_card:hover {
|
|
border:1px solid #d6d6d6;
|
|
filter:blur(0px);
|
|
opacity:1;
|
|
box-shadow:0 8px 20px 0px rgba(0,0,0,0.125);
|
|
}
|
|
|
|
.pictureText_text{
|
|
display: block;
|
|
text-align: left;
|
|
}
|
|
|
|
.product_card_img{
|
|
text-align: center;
|
|
}
|
|
|
|
.product_card_box{
|
|
/*width: 256px; */
|
|
text-align: left;
|
|
}
|
|
|
|
.product_card_footer{
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.product_card_price{
|
|
float: left;
|
|
position: static;
|
|
display: flex;
|
|
margin: 10px 10px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.product_card_video{
|
|
width: 100%;
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
.vendor-item {
|
|
margin: 0 20px 20px 0;
|
|
box-shadow: 0 0 0 0 rgba(227, 228, 230, 0);
|
|
}
|
|
.vendor-item:hover .vendor-item__link {
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
|
|
box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3);
|
|
}
|
|
}
|
|
@media (min-width: 640px) and (min-width: 1600px) {
|
|
.vendor-item {
|
|
width: calc(100% / 4 - (20px * 3 / 4));
|
|
}
|
|
.vendor-item:nth-child(4n) {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
@media (min-width: 640px) and (min-width: 1040px) and (max-width: 1600px) {
|
|
.vendor-item {
|
|
width: calc(100% / 3 - (20px * 2 / 3));
|
|
}
|
|
.vendor-item:nth-child(3n) {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 640px) and (min-width: 1040px) {
|
|
.vendor-item {
|
|
transition: 0.2s;
|
|
}
|
|
.vendor-item:hover {
|
|
margin-top: -4px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.vendor-item:hover .vendor-fave__btn {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
} |