woocommerce/plugins/woocommerce-blocks/assets/js/components/product-preview/style.scss

112 lines
1.7 KiB
SCSS

.wc-product-preview {
text-align: center;
margin-bottom: $gap;
.wc-product-preview__title,
.wc-product-preview__price,
.wc-product-preview__rating {
margin-top: $gap-smallest;
}
.star-rating {
overflow: hidden;
position: relative;
margin-left: auto;
margin-right: auto;
width: 5.3em;
height: 1.618em;
line-height: 1.618;
font-size: 1em;
font-family: star;
font-weight: 400;
&::before {
content: '\53\53\53\53\53';
top: 0;
left: 0;
right: 0;
position: absolute;
opacity: 0.25;
}
span {
overflow: hidden;
top: 0;
left: 0;
right: 0;
position: absolute;
padding-top: 1.5em;
}
span::before {
content: '\53\53\53\53\53';
top: 0;
left: 0;
right: 0;
position: absolute;
}
}
.wp-block-button {
margin-bottom: 0;
}
.wc-product-preview__add-to-cart {
cursor: text;
margin: $gap-small 0 0;
}
.cols-4 &,
.cols-5 &,
.cols-6 & {
.wc-product-preview__title {
font-size: 0.9em;
line-height: 1.2;
}
.wc-product-preview__price {
font-size: 0.8em;
}
.wc-product-preview__add-to-cart {
font-size: 0.7em !important;
line-height: 1.4 !important;
}
}
.is-hidden-title & {
.wc-product-preview__title {
display: none;
}
}
.is-hidden-price & {
.wc-product-preview__price {
display: none;
}
}
.is-hidden-rating & {
.wc-product-preview__rating {
display: none;
}
}
.is-hidden-button & {
.wp-block-button {
display: none;
}
}
.editor-block-preview & {
.wc-product-preview__title {
font-size: 0.7em;
line-height: 1.2;
}
.wc-product-preview__price {
font-size: 0.6em;
}
.wc-product-preview__add-to-cart {
font-size: 0.6em !important;
}
}
}