kouto-swiss
Version:
A complete CSS framework for Stylus
18 lines (15 loc) • 699 B
text/stylus
ks-retina-image( img-src, size = false, suffix = "@2x" )
ext = extname( img-src )
image-src = pathjoin( dirname( img-src ), basename( img-src, ext ) + ext )
retina-src = pathjoin( dirname( img-src ), basename( img-src, ext ) + suffix + ext )
unless size
size = image-size( img-src, true )
if size[ 0 ] == 0 && size[ 1 ] == 0
size = contain
background-image: url( image-src )
+ks-retina-query( only screen, 1.3 )
background-image: url( retina-src )
background-size: size
retina-image = ks-retina-image unless ks-no-conflict
ks-hidpi-image = ks-retina-image unless ks-no-conflict
hidpi-image = ks-hidpi-image unless ks-no-conflict