Skip to content

Loading…

Doubling and tripling of selectors #106

Closed
remybach opened this Issue · 1 comment

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"
        }
    }
}
@jefflembeck jefflembeck added a commit that closed this issue
@jefflembeck jefflembeck Fix #106 6565234
@remybach

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
Something went wrong with that request. Please try again.