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

42 lines
577 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 {
padding-right: 2.5rem;
&.is-invalid {
background-image: none;
}
}
&__character-count {
position: absolute;
z-index: 5;
right: .5rem;
top: .5rem;
}
}