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:
parent
4a64ae4abf
commit
22b0dfbb35
2 changed files with 6 additions and 2 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Reference in a new issue