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; | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue