Retrospring/app/assets/stylesheets/components/_comments.scss

44 lines
617 B
SCSS

@use "sass:map";
.comment {
list-style-type: none;
margin-bottom: map.get($spacers, 2);
&__container {
padding-left: 0;
}
&__user,
&__content {
margin-bottom: 0;
word-break: break-word;
}
&__user-avatar {
margin-right: map.get($spacers, 2);
border-radius: $avatar-border-radius;
}
&__input-group {
position: relative;
}
&__input {
&.is-invalid {
background-image: none;
}
}
&__compose-wrapper {
display: flex;
}
&__submit-wrapper {
display: flex;
flex-direction: column;
text-align: center;
margin-left: 0.5rem;
}
}