// Mixin for placeholder styling // ------------------ @mixin place-holder($color) { &::-webkit-input-placeholder { color: $color; } &:-moz-placeholder { color: $color; } &:-ms-input-placeholder { color: $color; } } // A helper mixin for applying high-resolution background images (http://www.retinajs.com) // Submitted by Nathan Crank // nathancrank.com // ------------------ @mixin at2x($path, $ext: "jpg", $w: auto, $h: auto) { $at1x_path: "#{$path}.#{$ext}"; $at2x_path: "#{$path}@2x.#{$ext}"; background-image: url("#{$at1x_path}"); @media all and (-webkit-min-device-pixel-ratio : 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { background-image: url("#{$at2x_path}"); background-size: $w $h; } }