84 lines
1.1 KiB
SCSS
84 lines
1.1 KiB
SCSS
@import '../rate/index';
|
|
|
|
.nut-theme-dark {
|
|
.nut-comment {
|
|
&__follow {
|
|
&-title {
|
|
color: $dark-color;
|
|
}
|
|
}
|
|
|
|
|
|
.nut-comment-shop {
|
|
border-top: 1px solid $dark-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
.nut-comment {
|
|
width: 100%;
|
|
font-size: 12px;
|
|
|
|
|
|
|
|
&__main {
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
word-break: break-all;
|
|
white-space: pre-wrap;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&__follow {
|
|
&-title {
|
|
position: relative;
|
|
padding-left: 8px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: $black;
|
|
|
|
svg {
|
|
position: absolute;
|
|
top: 13%;
|
|
left: 0;
|
|
color: $primary-color;
|
|
opacity: 0.4;
|
|
transform: rotate(90deg);
|
|
}
|
|
}
|
|
|
|
&-com {
|
|
margin: 8px 0 8px 8px;
|
|
|
|
@include moreline-ellipsis(6);
|
|
}
|
|
|
|
&-img {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 0 8px 8px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nut-comment-shop {
|
|
width: 100%;
|
|
padding-top: 10px;
|
|
margin-top: 20px;
|
|
border-top: 1px solid rgb(0 0 0 / 10%);
|
|
|
|
@include moreline-ellipsis(6);
|
|
|
|
text {
|
|
color: $comment-shop-color;
|
|
}
|
|
}
|
|
}
|