Add comment to explain pixelated rendering CSS setting

unode · fmichonneau · commit 1322a2610f37 · 2022-02-22T16:43:27.000+01:00
diff --git a/assets/css/lesson.scss b/assets/css/lesson.scss
@@ -321,6 +321,12 @@ span.fold-unfold {
   opacity: 0.5;
 }
 
+/*
+  Force a pixelated rendering of images when original resolution is bigger than
+  the <img> viewport to avoid a blurring effect that makes it difficult to read the image.
+  This issue affects primarily Chrome based browsers (as of 2021).
+  See https://github.com/carpentries/styles/pull/636 for the original report and related links 
+*/
 img {
   image-rendering: pixelated;
 }

Original file line number	Diff line number	Diff line change
`@@ -321,6 +321,12 @@ span.fold-unfold {`
`321`	`321`	`opacity: 0.5;`
`322`	`322`	`}`
`323`	`323`
	`324`	`+/*`
	`325`	`+ Force a pixelated rendering of images when original resolution is bigger than`
	`326`	`+ the <img> viewport to avoid a blurring effect that makes it difficult to read the image.`
	`327`	`+ This issue affects primarily Chrome based browsers (as of 2021).`
	`328`	`+ See https://github.com/carpentries/styles/pull/636 for the original report and related links`
	`329`	`+*/`
`324`	`330`	`img {`
`325`	`331`	`image-rendering: pixelated;`
`326`	`332`	`}`