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
					
				| @ -5,7 +5,9 @@ | |||||||
|   font-style: normal; |   font-style: normal; | ||||||
| } | } | ||||||
| .octicon, | .octicon, | ||||||
| .mega-octicon { | .mega-octicon, | ||||||
|  | .icon.octicon, | ||||||
|  | .icon.mega-octicon { | ||||||
|   font: normal normal normal 16px/1 octicons; |   font: normal normal normal 16px/1 octicons; | ||||||
|   display: inline-block; |   display: inline-block; | ||||||
|   text-decoration: none; |   text-decoration: none; | ||||||
|  | |||||||
| @ -14,7 +14,9 @@ | |||||||
| 
 | 
 | ||||||
| // .octicon is optimized for 16px. | // .octicon is optimized for 16px. | ||||||
| // .mega-octicon is optimized for 32px but can be used larger. | // .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; |   font: normal normal normal 16px/1 octicons; | ||||||
|   display: inline-block; |   display: inline-block; | ||||||
|   text-decoration: none; |   text-decoration: none; | ||||||
|  | |||||||
		Loading…
	
		Reference in New Issue
	
	Block a user