Sha256: 01917b238c7dbeb2c4f907b505707a1e302b1e33e58ac231fb5afcc3757b4a5f

Contents?: true

Size: 753 Bytes

Versions: 12

Compression:

Stored size: 753 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

12 entries across 12 versions & 1 rubygems

Version Path
stitch-0.1.7.beta.3 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.7.beta.2 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.7.beta.1 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.6 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.5 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.4 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.4.beta.2 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.4.beta.1 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.3.2 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.3.1 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.3 stylesheets/stitch/patterns/images/_image-rendering.scss
stitch-0.1.2 stylesheets/stitch/patterns/images/_image-rendering.scss