Sorry more Jade and Evil Icons questions

[gandhiShepard]

I problem that I have is with Jade nesting the path elements. This will show the outline of the eye, but not the inside of the eye. I can't figure out how to keep the paths from nesting. I added some screenshots. I'm also using Stylus. I'm not sure if that matters. Thanks! These are freaking awesome!

[gandhiShepard]

The simple chevron displays fine, but the pupil inside the eye is not.

[madyankin]

You have to invoke gulp-evil-icons after jade, like this:

gulp.task('default', function () {
  return gulp.src('src/index.jade')
    .pipe(jade())
    .pipe(evilIcons())
    .pipe(gulp.dest('build'));
});

[gandhiShepard]

I am. Here is the task that I'm running.

gulp.task('html', ['clean:html'], function() {
return gulp.src('src/index.jade')
.pipe(isDist ? through() : plumber())
.pipe(jade({ pretty: true }))
.pipe(evilIcons())
.pipe(rename('index.html'))
.pipe(gulp.dest('dist'))
.pipe(reload({stream:true}));
});

[madyankin]

I'll check this, thank you for the report.

[gandhiShepard]

For what it's worth, I'm making a presentation using Bespoke.js. This is the environment that I'm using Evil Icons in.

[gandhiShepard]

I'm using it in Jade like this:

li 
  icon(name="ei-heart" size="s") 
  a(href="http://evil-icons.io/") Evil Icons

[madyankin]

I can't reproduce this http://img.madyankin.name/jI2Xz.png.
Could you show me a minimal example of your jade code (with doctype and such things)?

[madyankin]

And it would be nice to see the compiled html.

[gandhiShepard]

Here you go:

Compiled Jade file(html) : https://gist.github.com/gandhiShepard/e1cd48fba2deef95bdf6
Jade source file: https://gist.github.com/gandhiShepard/cfdc493af663b0a43fea

[madyankin]

I've fixed this, thank you for the report and for your help. The new version is accessible in npm.

[gandhiShepard]

What was the issue? Just curios incase I run into something similar in jade.

[gandhiShepard]

ALSO...thanks! Stay awesome!

[madyankin]

Cheerio, the html parser, was too smart to break the output html. I've replaced it with a couple of good old regular expressions.