discourse/app/assets/stylesheets/common/base/topic.scss
2015-08-03 21:16:56 -04:00

66 lines
1.3 KiB
SCSS

#topic-title {
.title-wrapper {
float: left;
width: 90%;
.btn-small {
margin: 0 6px 0 0;
}
.badge-wrapper {
float: left;
&.bullet {
margin-top: 5px;
}
}
}
a.badge-category {
margin-top: 5px;
}
a.edit-topic i { font-size: 0.8em; }
}
.topic-title-outlet {
clear: both;
}
.extra-info-wrapper {
-ms-flex-order: 2;
order: 2;
line-height: 1.5;
.badge-wrapper {
float: left;
}
}
.has-pending-posts {
padding: 0.5em;
background-color: dark-light-diff($highlight, $secondary, 50%, -70%);
a[href] {
float: right;
}
}
// Target the .badge-category text, the bullet icon needs to maintain `display: block`
#suggested-topics h3 .badge-wrapper.bullet span.badge-category,
#suggested-topics h3 .badge-wrapper.box span,
#suggested-topics h3 .badge-wrapper.bar span {
display: inline;
overflow: inherit;
}
#suggested-topics h3 .badge-wrapper.bullet span.badge-category, {
// Override vertical-align: text-top from `badges.css.scss`
vertical-align: baseline;
}
#suggested-topics h3 .badge-wrapper.bullet,
#suggested-topics h3 .badge-wrapper.bullet span.badge-category-parent-bg,
#suggested-topics h3 .badge-wrapper.bullet span.badge-category-bg {
// Top of bullet aligns with top of line - adjust line height to vertically align bullet.
line-height: 0.8;
}