scss 紧凑型旋转木马
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 紧凑型旋转木马相关的知识,希望对你有一定的参考价值。
.okeReviews.okeReviews--theme .okeReviews-reviewsCarousel-header {
border-bottom: 1px solid #ded6c6;
padding: 0 2em 1em 2em;
}
.okeReviews.okeReviews--theme .okeReviews-reviewsCarousel {
padding-top: 1em;
}
.okeReviews.okeReviews--theme .okeReviews-reviewsCarousel-review-reviewer-avatar {
display: none;
}
.okeReviews.okeReviews--theme .okeReviews-reviewsCarousel-review-content,
.okeReviews.okeReviews--theme .okeReviews-reviewsCarousel-review-product {
margin-bottom: 0.5em;
}
.okeReviews.okeReviews--theme .okeReviews-reviewsCarousel-header .okeReviews-starRating {
height: 25px;
width: 100px;
}
.okeReviews.okeReviews--theme .okeReviews-reviewsCarousel-header .okeReviews-starRating-indicator-layer {
background-size: 100px 25px;
}
.okeReviews.okeReviews--theme .okeReviews-reviewsCarousel-review .okeReviews-starRating {
height: 15px;
width: 75px;
}
.okeReviews.okeReviews--theme .okeReviews-reviewsCarousel-review .okeReviews-starRating-indicator-layer {
background-size: 75px 15px;
}
.okeReviews.okeReviews--theme .is-okeReviews-reviewsCarousel-large .okeReviews-reviewsCarousel-header,
.okeReviews.okeReviews--theme .is-okeReviews-reviewsCarousel-medium .okeReviews-reviewsCarousel-header {
display: flex;
align-items: center;
}
.okeReviews.okeReviews--theme .is-okeReviews-reviewsCarousel-large .okeReviews-reviewsCarousel-header-reviewsCount,
.okeReviews.okeReviews--theme .is-okeReviews-reviewsCarousel-medium .okeReviews-reviewsCarousel-header-reviewsCount {
order: 2;
margin-left: auto;
margin-right: 1em;
}
.okeReviews.okeReviews--theme .is-okeReviews-reviewsCarousel-large .okeReviews-reviewsCarousel-header-storeRating,
.okeReviews.okeReviews--theme .is-okeReviews-reviewsCarousel-medium .okeReviews-reviewsCarousel-header-storeRating {
order: 3;
margin-bottom: 0;
}
.okeReviews.okeReviews--theme .is-okeReviews-reviewsCarousel-large .okeReviews-reviewsCarousel-heading,
.okeReviews.okeReviews--theme .is-okeReviews-reviewsCarousel-medium .okeReviews-reviewsCarousel-heading {
order: 1;
}
.okeReviews.okeReviews--theme {
.okeReviews-reviewsCarousel-header {
border-bottom: 1px solid #ded6c6;
padding: 0 2em 1em 2em;
}
.okeReviews-reviewsCarousel {
padding-top: 1em;
}
.okeReviews-reviewsCarousel-review-reviewer-avatar {
display: none;
}
.okeReviews-reviewsCarousel-review-content,
.okeReviews-reviewsCarousel-review-product {
margin-bottom: 0.5em;
}
.okeReviews-reviewsCarousel-header .okeReviews-starRating {
height: 25px;
width: 100px;
}
.okeReviews-reviewsCarousel-header .okeReviews-starRating-indicator-layer {
background-size: 100px 25px;
}
.okeReviews-reviewsCarousel-review .okeReviews-starRating {
height: 15px;
width: 75px;
}
.okeReviews-reviewsCarousel-review .okeReviews-starRating-indicator-layer {
background-size: 75px 15px;
}
.okeReviews-reviewsCarousel-review-content-body {
line-height: 1.5;
}
.is-okeReviews-reviewsCarousel-large,
.is-okeReviews-reviewsCarousel-medium {
.okeReviews-reviewsCarousel-header {
display: flex;
align-items: center;
}
.okeReviews-reviewsCarousel-header-reviewsCount {
order: 2;
margin-left: auto;
margin-right: 1em;
}
.okeReviews-reviewsCarousel-header-storeRating {
order: 3;
margin-bottom: 0;
}
.okeReviews-reviewsCarousel-heading {
order: 1;
}
}
}
以上是关于scss 紧凑型旋转木马的主要内容,如果未能解决你的问题,请参考以下文章