110 lines
1.8 KiB
SCSS
110 lines
1.8 KiB
SCSS
//
|
|
// Comments - Rewiews
|
|
//
|
|
|
|
.comment-list + .comment-respond,
|
|
.comment-list-shop + .comment-respond {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.comment,
|
|
.comment-shop {
|
|
border-bottom: 1px solid $border-color;
|
|
padding: 30px 0 0;
|
|
|
|
.children > & {
|
|
border: 0;
|
|
border-top: 1px solid $border-color;
|
|
margin-left: 85px;
|
|
}
|
|
|
|
.comment-list > &:last-child,
|
|
.comment-list-shop > &:last-child {
|
|
border: 0;
|
|
}
|
|
}
|
|
|
|
.comment-author,
|
|
.comment-author-shop {
|
|
margin: 5px 0 0;
|
|
height: 64px;
|
|
width: 64px;
|
|
float: left;
|
|
|
|
> img {
|
|
border-radius: $avatar-border-radius;
|
|
}
|
|
}
|
|
|
|
.comment-body,
|
|
.comment-body-shop {
|
|
position: relative;
|
|
padding: 0 0 10px;
|
|
margin: 0 0 0 85px;
|
|
}
|
|
|
|
.comment-meta,
|
|
.comment-meta-shop {
|
|
margin: 0 0 15px;
|
|
}
|
|
|
|
.comment-meta-author a,
|
|
.comment-meta-author-shop a {
|
|
font-weight: 500;
|
|
color: $headings-color;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: $link-color;
|
|
}
|
|
}
|
|
|
|
.comment-meta-date,
|
|
.comment-meta-date-shop {
|
|
font-size: 90%;
|
|
|
|
a {
|
|
color: $body-color;
|
|
opacity: .6;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: $link-color;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.comment-reply,
|
|
.comment-reply-shop {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
font-size: rem(9px);
|
|
|
|
> a {
|
|
background: #f4f4f4;
|
|
border-radius: $reply-link-border-radius;
|
|
padding: 5px 15px;
|
|
display: block;
|
|
color: $headings-color;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
background: $link-color;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.comment,
|
|
.comment-shop {
|
|
|
|
.children > & {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
} |