CSS: Ensure Octicons are used with 16px font size

Semantic UI .icon 1em font-size has priority over .octicon 16px, resulting
octicons rendered at 14px font-size, which is not okay since Octicons are meant
to be shown sizes that are multiples of 16px.
This commit is contained in:
Adam Strzelecki 2015-11-30 15:38:58 +01:00
parent 4a64ae4abf
commit 22b0dfbb35
2 changed files with 6 additions and 2 deletions

View file

@ -5,7 +5,9 @@
font-style: normal;
}
.octicon,
.mega-octicon {
.mega-octicon,
.icon.octicon,
.icon.mega-octicon {
font: normal normal normal 16px/1 octicons;
display: inline-block;
text-decoration: none;

View file

@ -14,7 +14,9 @@
// .octicon is optimized for 16px.
// .mega-octicon is optimized for 32px but can be used larger.
.octicon, .mega-octicon {
.octicon, .mega-octicon,
// ensure Semantic UI .icon of 14px does not apply to .icon.octicon:
.icon.octicon, .icon.mega-octicon {
font: normal normal normal 16px/1 octicons;
display: inline-block;
text-decoration: none;