Sha256: 21148a158ddb6a1b6968ce62423cdba0fe214e6db812a16a609b5b6f5ab424a0

Contents?: true

Size: 739 Bytes

Versions: 4

Compression:

Stored size: 739 Bytes

Contents

/*
  Sharpen an image if it has become blurry due to upscaling or downscaling
  @see https://developer.mozilla.org/en/CSS/image-rendering
*/
@mixin sharpen-image {
	image-rendering:-moz-crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;  /* IE 7+ */
}

/*
  When photos are upscaled or downscaled, they often get blurry. Don't use
  this on flat color images, they will still appear blurry.
  @see https://developer.mozilla.org/en/CSS/image-rendering
*/
@mixin high-quality-image {
	image-rendering:optimizeQuality;
	-ms-interpolation-mode:bicubic;  /* IE 7+ */
}

/*
  Optimizes the rendering on images so they
  appear faster, but at a lower quality. Useful for <video>
*/
@mixin low-quality-image {
	image-rendering:optimizeSpeed;
}

Version data entries

4 entries across 4 versions & 2 rubygems

Version Path
stitch-0.1.1 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.0 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.0.3 stylesheets/stitch/patterns/images/_image-rendering.scss
compass-stitch-0.0.1 stylesheets/stitch/patterns/images/_image-rendering.scss