xarxaprod-wp-theme/sass/plugins/woocommerce/_products.scss

61 lines
633 B
SCSS
Raw Normal View History

2024-01-09 16:13:20 +01:00
ul.products {
margin: 0;
padding: 0;
li.product {
list-style: none;
position: relative;
margin-bottom: 2em;
img {
display: block;
}
.button {
display: block;
}
}
}
@media screen and (min-width: 48em) {
ul.products {
li.product {
@include column-width(3);
float: left;
margin-right: $columns__margin;
&.first {
clear: both;
}
&.last {
margin-right: 0;
}
}
}
ul.products.columns-1 {
li.product {
float: none;
width: 100%;
}
}
@for $i from 2 through 6 {
ul.products.columns-#{$i} {
li.product {
@include column-width( $i );
}
}
}
}