set inline category-badge to display inline

This commit is contained in:
Simon Cossar 2015-06-15 15:24:08 -07:00
parent 15cb1bd094
commit d396e4eeed
2 changed files with 22 additions and 0 deletions

View file

@ -484,3 +484,6 @@ DEPENDENCIES
uglifier
unf
unicorn
BUNDLED WITH
1.10.3

View file

@ -43,3 +43,22 @@
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;
}
#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;
}