Commit 74d1c065 authored by Renato Alves's avatar Renato Alves Committed by François Michonneau
Browse files

Use a pixelated rendering instead of default blur 

Workaround to a CSS resize blur rendering problem affecting Google Chrome/Chromium
when the resolution of the image is larger than the image view

See https://stackoverflow.com/a/69156216 and
https://github.com/carpentries-incubator/jekyll-pages-novice/issues/274 for additional context.
parent 8f6a08c4

assets/css/lesson.scss

+3 −0
Original line number Diff line number Diff line
@@ -321,6 +321,9 @@ span.fold-unfold { 
  opacity: 0.5;

}



img {

  image-rendering: pixelated;

}



p.image-with-shadow img,

img.image-with-shadow {