Commit 1322a261 authored by Renato Alves's avatar Renato Alves Committed by François Michonneau
Browse files

Add comment to explain pixelated rendering CSS setting

parent 74d1c065

assets/css/lesson.scss

+6 −0
Original line number Diff line number Diff line
@@ -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;

}