.jet-reviews-advanced {
visibility: hidden;
h1, h2, h3, h4 {
//margin: 0;
}
&__refs {
display: none;
}
&__instance {
&.is-mounted {
visibility: visible;
}
}
&__header {
overflow: hidden;
margin-bottom: 50px;
}
&__header-top {
display: flex;
justify-content: space-between;
align-items: center;
}
&__header-info {
display: flex;
justify-content: flex-start;
align-items: center;
.jet-reviews-message {
font-style: italic;
font-size: 12px;
margin-left: 20px;
}
.jet-reviews-button {
margin-left: 20px;
}
}
&__header-title {
margin: 0;
span {
margin-right: 5px;
}
}
&__new-review-form {
margin-top: 20px;
.jet-new-review-control {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
.jet-new-review-fields {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
.jet-new-review-field {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
.jet-new-review-field-label {
white-space: nowrap;
}
}
}
.jet-reviews-slider-input {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
input[type=range] {
flex: 1 1 auto;
padding: 0 10px;
}
}
.jet-reviews-stars-input {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
.jet-reviews-field {
margin: 0 10px;
}
.jet-reviews-star {
cursor: pointer;
}
}
.jet-new-review-controls {
display: flex;
justify-content: flex-end;
margin-top: 20px;
.jet-reviews-button {
margin-left: 20px;
}
}
.jet-new-review-message {
display: flex;
justify-content: flex-end;
span {
font-style: italic;
color: #C92C2C;
}
}
}
&__reviews {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
&__review {
overflow: hidden;
margin-bottom: 70px;
}
&__review-header {
display: flex;
justify-content: space-between;
align-self: flex-start;
margin-bottom: 10px;
}
&__review-container {
margin-bottom: 10px;
}
&__review-footer {
margin-top: 20px;
}
&__review-controls {
display: flex;
justify-content: flex-start;
align-items: center;
}
&__review-control-group {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 10px;
&:first-child {
margin-left: 0 !important;
}
&:lest-child {
margin-right: 0 !important;
}
.jet-reviews-button {
margin-left: 10px;
&:first-child {
margin-left: 0;
}
}
}
&__review-author {
}
&__review-misc {
display: flex;
justify-content: flex-start;
align-items: center;
}
&__review-pin {
color: #6EC1E4;
}
&__review-comments {
margin-top: 30px;
}
&__comments-title {
margin: 0 0 20px 0;
}
&__review-comment {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
.jet-reviews-comment-user-avatar {
margin-right: 10px;
line-height: 0;
overflow: hidden;
border-radius: 50%;
min-width: 32px;
width: 32px;
height: 32px;
img {
//width: 48px;
//height: auto;
}
}
.jet-reviews-comment-container {
display: flex;
flex-direction: column;
align-items: stretch;
flex: 1 1 auto;
.jet-reviews-comment-user-details {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
}
.jet-reviews-comment-user-name {
display: flex;
justify-content: flex-start;
align-items: center;
color: #3b3d42;
time {
margin-left: 5px;
}
}
}
.jet-reviews-comment-content {
}
.jet-reviews-comment-actions {
display: flex;
justify-content: flex-start;
align-items: center;
}
.jet-reviews-comment-reply-button {
cursor: pointer;
color: #6EC1E4;
}
.jet-reviews-comment-reply-form {
margin-top: 20px;
.jet-reviews-input {
margin-bottom: 10px;
}
.jet-reviews-comment-reply-controls {
display: flex;
justify-content: flex-end;
.jet-reviews-button {
margin-left: 20px;
}
}
}
.jet-reviews-comment-reply-message {
display: flex;
justify-content: flex-end;
align-items: center;
span {
font-style: italic;
color: #C92C2C;
}
}
.jet-reviews-comment-reply-list {
margin-top: 20px;
padding-left: 20px;
border-left: 1px dotted #ebeced;
}
}
.jet-review-new-comment {
display: flex;
flex-direction: column;
margin-top: 20px;
.jet-reviews-button {
align-self: flex-end;
}
.jet-review-new-comment-form {
display: flex;
flex-direction: column;
margin-top: 10px;
.jet-reviews-input {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
.jet-review-new-comment-controls {
display: flex;
justify-content: flex-end;
margin-top: 10px;
.jet-reviews-button {
margin-left: 20px;
}
}
.jet-review-new-comment-message {
Loading ...