Doubling and tripling of selectors #106

Closed
remybach opened this Issue Dec 17, 2013 · 1 comment

Comments

Projects
None yet
1 participant
@remybach

There seems to be some weird stuff going on in the generated css files. As you can see from the following screencap, the generated datasvgcss file has them correctly, then the datapngcss file has them doubled and the urlpngcss file has them tripled.

grunticon-triple-selectors

This is what the relevant part in the config looks like in our Gruntfile:

grunticon: {
    critical: {
        files: [{
            expand: false,
            cwd: "app/assets/images/icons/active",
            dest: "app/assets/stylesheets/icons",
            src: ["*.svg", "*.png"]
        }],
        options: {
            cssprefix: ".icon--",
            customselectors: {
                "*": [".icon--$1--before:before, .icon--$1--after:after"]
            },
            datasvgcss: "critical.svg.css",
            datapngcss: "critical.png.css",
            urlpngcss: "critical.css"
        }
    }
}
@remybach

This comment has been minimized.

Show comment
Hide comment
@remybach

remybach Dec 17, 2013

Whoooaaaa that was quick!

Thanks!

thumbs up

Whoooaaaa that was quick!

Thanks!

thumbs up

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment