discourse/app/assets/stylesheets/desktop/latest-topic-list.scss

65 lines
1.1 KiB
SCSS

.latest-topic-list,
.top-topic-list {
@extend .topic-list-icons;
.table-heading {
padding: 12px 5px;
color: var(--primary-med-or-secondary-high);
}
.no-topics,
.more-topics {
margin-top: 1em;
}
.posts-map {
font-size: var(--font-up-1);
font-weight: bold;
color: var(--primary-medium);
}
}
.latest-topic-list-item {
padding: 1em;
border-bottom: 1px solid var(--primary-low);
display: flex;
align-items: center;
.topic-poster {
position: relative;
width: 60px;
.avatar-flair {
position: absolute;
bottom: 0;
right: 10px;
}
}
.main-link {
@extend .topic-list-main-link;
flex: 0 1 auto;
max-width: 65%;
font-size: var(--font-0);
.badge-wrapper {
max-width: 100%;
.badge-category-bg {
flex-shrink: 0;
}
}
.top-row {
margin-bottom: 0.1em;
font-size: var(--font-up-1);
}
}
.topic-stats {
flex: 1 0 0px;
text-align: right;
color: var(--primary-med-or-secondary-high);
}
.topic-last-activity a {
color: var(--primary-low-mid-or-secondary-high);
}
}