nodejh/hugo-theme-mini

Font size issues in code blocks on mobile

xNaCly opened this issue · 1 comments

It should be noted that this issue only happens on ios devices due to safaris flex blox implementation changing font sizes

People facing the same issue can be helped by setting the following values on code elements:

/* this should fix the ios mobile code blog font size bug
 * recorded here: https://github.com/adityatelange/hugo-PaperMod/issues/828 */
code {
	text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

Code taken from https://github.com/xNaCly/hugo-theme-mini/blob/master/static/css/style.css

Fix found at: adityatelange/hugo-PaperMod#828