Sha256: 67a02aefcc9cbd63402ccc14b9fc4d8826bc8708fc9f26aac39fcf15802b53f4

Contents?: true

Size: 930 Bytes

Versions: 21

Compression:

Stored size: 930 Bytes

Contents

// Inspired by Tim Kadlec | Media Query & Asset Downloading Results
// http://timkadlec.com/2012/04/media-query-asset-downloading-results/

// Inspired by kaelig / hidpi
// https://github.com/kaelig/hidpi
// hidpi() is a Sass mixin that serves high resolution graphics to high density (Retina-like) displays

$extension: png !default;

@mixin hidpi($image: false, $extension: $extension) {
  @if $image {
    background: url('#{$imgDir}#{$image}.#{$extension}') no-repeat;
  }
  @media #{$hidpi} {
    @if $image {
      $image-hidpi-fullname: '#{$imgDir}#{$image}_x2.#{$extension}';
      background: url($image-hidpi-fullname) no-repeat;
      @content;
    } 
    @else {
      @content;
    }
  }
}

@mixin hidpi-image ($image: false, $width: false, $height: false, $extension: $extension) {
  width: em($width);
  height: em($height);
  @include hidpi ($image, $extension) {
    background-size: em($width) em($height);
  }
}

Version data entries

21 entries across 21 versions & 1 rubygems

Version Path
stipe-0.0.6.4 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.6.3 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.6.2 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.6.1 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.6.0 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.9 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.8 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.7.9 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.7.8 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.7.7 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.7.6 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.7.5 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.7.4 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.7.3 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.7.2 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.7.1 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.7 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.6 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.5 stylesheets/stipe/plug-ins/_hidpi.scss
stipe-0.0.5.4 stylesheets/stipe/plug-ins/_hidpi.scss