css - Bourbon NEAT: 4rth column not being inline -

css - Bourbon NEAT: 4rth column not being inline -

i can't understand i'm missing in sass, 4rth column in grid wont go inline, 3 cols do:

i want simple 4 column grid, did:

my markup

<section id="spots" class="row"> <li class="item">my item</li> <li class="item">my item</li> <li class="item">my item</li> <li class="item">my item</li> </section>

my sass:

.item { @include span-columns(3); @include omega(4);

this should create 4-columns grid linebreak every 4 columns, right?

according the docs:

you need utilize same format parameter normal nth-child call. so, in case, '4n', not '4':

.item { @include span-columns(3); @include omega(4n); }

otherwise, way neat's omega mixin written, tries output nth-child(4+1), fails compile.

edited add: need scrap class 'row' parent, that's taken neat. working example: http://codepen.io/anon/pen/lewjj

css sass bourbon neat