This repository has been archived on 2020-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
_s/sass/shop/_single-product.scss

91 lines
1.1 KiB
SCSS
Raw Normal View History

2017-08-01 13:21:13 +00:00
.single-product {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
div.product {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
@include clearfix;
position: relative;
.woocommerce-product-gallery {
position: relative;
float: left;
2017-08-01 13:21:13 +00:00
.woocommerce-product-gallery__trigger {
position: absolute;
top: 2em;
2017-08-01 13:21:13 +00:00
right: 1em;
display: block;
z-index: 99;
}
.flex-viewport {
margin-bottom: 1em;
}
.flex-control-thumbs {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
@include clearfix;
margin: 0;
padding: 0;
li {
list-style: none;
cursor: pointer;
float: left;
img {
2020-04-05 20:49:27 +00:00
opacity: 0.5;
2017-08-01 13:21:13 +00:00
&.flex-active {
opacity: 1;
}
}
&:hover {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
img {
opacity: 1;
}
}
}
}
@for $i from 2 through 5 {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
&.woocommerce-product-gallery--columns-#{$i} {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
.flex-control-thumbs {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
li {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
@include column-width($i);
&:nth-child(#{$i}n) {
margin-right: 0;
}
&:nth-child(#{$i}n+1) {
clear: both;
}
}
}
}
}
}
}
}
.stock {
2020-04-05 20:49:27 +00:00
&:empty::before {
2017-08-01 13:21:13 +00:00
display: none;
}
&.in-stock {
color: $woocommerce__color-success;
}
&.out-of-stock {
color: $woocommerce__color-error;
}
}