hubl/src/styles/components/comment.scss

123 lines
2.4 KiB
SCSS

/* #job-offers {
details {
summary {
color: $color-244-73-62;
cursor: pointer;
display: flex;
padding: 1.3rem 2.1rem;
&::-moz-list-bullet {
list-style-type: none;
}
&::-webkit-details-marker {
display: none;
}
span {
@include icon('speech');
font-weight: 600;
&::before {
margin: 0 1rem 0 0;
}
}
.icon-arrow-up {
margin-left: auto;
}
}
&[open] {
.icon-arrow-up {
transform: rotate(180deg);
}
}
solid-conversation.conversation {
.solid-conversation {
font-family: Open Sans;
[name='conversation-wrapper'] {
display: flex;
[name='conversation-avatar'] {
margin-right: 6px;
.avatar {
height: 35px;
width: 35px;
}
}
[name='conversation-content'] {
[name='author_user.name'] {
color: $color-0-0-29;
font-size: 1.5rem;
}
.conversation__messages {
display: none;
}
}
}
>solid-display.conversation>div>solid-display:first-child {
margin-bottom: 4.5rem;
}
solid-ac-checker {
border-top: 1px solid $color-210-17-91;
solid-form-textarea {
>label div {
color: $color-210-5-56;
font-size: 1.4rem;
margin-bottom: 1rem;
visibility: hidden;
&::before {
content: 'Add a comment';
visibility: visible;
}
}
textarea {
border: none;
font-size: 1.5rem;
resize: none;
}
}
input[type='submit'] {
border: 1px solid $color-244-73-62;
border-radius: 100em;
color: $color-244-73-62;
font-size: 1.3rem;
padding: 0.8rem 1.5rem;
text-transform: lowercase;
&:hover {
background-color: $color-244-73-62;
border: 1px solid $color-244-73-62;
color: white;
}
}
}
.conversation>div>solid-display,
.conversation-form {
border: none;
margin: 1rem 2.1rem;
}
}
}
}
}*/