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

100 lines
1.5 KiB
SCSS
Raw Normal View History

2023-01-03 12:56:18 -08:00
@use "sass:map";
.answerbox {
2023-01-03 12:56:18 -08:00
&__question-text,
&__question-user,
&__answer-user,
&__answer-date {
margin-bottom: 0;
overflow: hidden;
word-break: break-word;
}
2023-01-03 12:56:18 -08:00
&__answer-date {
font-size: .8rem;
line-height: .8;
overflow: visible;
}
.card-header,
&__answer-body {
position: relative;
}
&__answer-text {
2023-01-03 12:56:18 -08:00
margin-bottom: map.get($spacers, 3);
}
&__question-user-avatar,
&__answer-user-avatar {
2023-01-03 12:56:18 -08:00
margin-right: map.get($spacers, 2);
border-radius: $avatar-border-radius;
}
2023-01-03 12:56:18 -08:00
& .text-muted a,
& .text-muted a:hover {
color: var(--muted-text);
text-decoration: none;
}
&__action {
padding-left: 0;
2023-01-03 12:56:18 -08:00
padding-right: map.get($spacers, 1);
2023-01-04 07:43:43 -08:00
text-decoration: none;
& i {
font-size: 1.4rem;
vertical-align: top;
}
&:hover,
&:focus,
&:active {
text-decoration: none;
}
&[name="ab-smile"],
&[name="ab-smile-comment"] {
color: var(--primary);
&:hover {
color: var(--success);
}
&[data-action="unsmile"] {
color: var(--success);
2023-01-03 12:56:18 -08:00
&:hover {
color: var(--danger);
}
}
}
}
&__actions {
text-align: right;
justify-content: space-between;
padding-top: 10px;
@include media-breakpoint-up('sm') {
justify-content: flex-end;
padding-top: 0;
}
}
2023-02-07 14:12:13 -08:00
&__pinned {
display: none;
}
.card-body {
padding-bottom: .6rem;
}
}
2023-02-07 14:12:13 -08:00
#pinned-answers {
2023-02-07 14:23:49 -08:00
.answerbox__pinned {
display: inline;
2023-02-07 14:12:13 -08:00
}
}