I'm experimenting with zen grids for a new drupal site I'm working on using the zen starter theme.. let's say I have a 5 column grid with an unordered list that has 5 list-items in it. In my scss file I want to say make each <li>
one column wide with no left-margin on the first list-item and no right-margin on the last list-item.
I've looked at the zen-grid-item and zen-grid-flow-item mixins but I haven't been able to accomplish this. Anyone able to give me a quick example? here is some sample markup
<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
<li>Fifth</li>
</ul>
ul {
$zen-column-count: 5;
$zen-gutter-width: 30px;
@include zen-grid-container;
li {
/* Not sure what to put here to make each <li> 1 column wide */
}
}