Skip to content

Retina sprite positions in SCSS are incorrect #47

Closed
@rseyferth

Description

@rseyferth

In the latest version (0.9.1), I get the coordinates in my SCSS file based on the retina size, instead of the regular size of the images, with the following gulp config:

return gulp.src('app/images/sprite/*.png')
        .pipe(sprite({
            base64: true,
            style: '_base64.scss',
            processor: 'scss',
            format: 'png',
            retina: true,
            prefix: 'sprite',
            orientation: 'vertical'
        }))
        .pipe(
            gulp.dest('app/styles'));

Instead of the correct coordinates:

$logo-footer: -2px -2px 67px 29px;

I get

$logo-footer: -4px -4px 134px 58px;

Am I doing something wrong, or should all the coordinates be divided by 2 when the retain option is on?

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions