Menu icon Foundation
Does Foundation have a linter plugin?

Hi all,

I'm transitioning from Bootstrap 3 to Foundation 6.

I used to use a linter plugin for Bootstrap (that was available as Atom package) https://atom.io/packages/linter-bootlint now I'm wondering does Foundation also have a linter plugin?

I do not have to be an Atom package, would be nice but it's not mandatory

linterBootstrapFoundation

Hi all,

I'm transitioning from Bootstrap 3 to Foundation 6.

I used to use a linter plugin for Bootstrap (that was available as Atom package) https://atom.io/packages/linter-bootlint now I'm wondering does Foundation also have a linter plugin?

I do not have to be an Atom package, would be nice but it's not mandatory

Rafi Benkual about 3 years ago

In the main Foundation project, we're using Gulp SCSS Lint. You can find the linting settings on GitHub

I guess the only difference here is that you can can lint on the fly if it's in your editor. There is this package which can be extended just for Foundation.

Dennis Bruijn about 3 years ago

Thanks for the answer Rafi,

I know the SCSS is getting lint(ed), I noticed that after serving the project through Gulp. What I was looking for exactly is a HTML linter, there are certain rules or/and best practices in the framework and it's awesome to have that lint(ed). 

An example in the Bootstrap linter it would say: you have to wrap a .container around your .row(s), that's valid Bootstrap markup.

Rafi Benkual about 3 years ago

 Ah gotcha, I dont know of one that is made already but it seems like the Atom link package can be extended to do this. We can work together to figure out what the rules might be.

Dennis Bruijn about 3 years ago

Good idea, I tried to clone the linter-bootlint plugin and change the name to linter-foundation-html but it wans't as simple as that. I first need to discover how to create a new Atom plugin and hookup the Linter API.