zen grid item без аргумента позиции

Question

Я экспериментирую с zen grids для нового сайта drupal. Я работаю над использованием темы zen starter. Допустим, у меня есть 5-колонная сетка с неупорядоченным списком, который имеет 5 списков в этом. В моем файле scss я хочу сказать, что каждый <li> шириной в один столбец без левого поля в первом элементе списка и без правого поля в последнем элементе списка.

Я посмотрел на миксны zen-grid-item и zen-grid-flow-item, но я не смог этого сделать. Любой, кто может дать мне быстрый пример? здесь приведен пример разметки

<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 */ 
    } 
} 

Answer 1

<ul> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
    <li>5</li> 
    <li>6</li> 
    <li>7</li> 
    <li>8</li> 
    <li>9</li> 
    <li>10</li> 
</ul> 

ul { 
    $zen-column-count: 5; 
    $zen-gutter-width: 0; 
    @include zen-grid-container; 

    background: #eee; 

    width: 70%; 
    margin: 0 auto; 
    li { 
    @include zen-grid-flow-item(1, 5); 
    @include zen-float(left); 
    height: 100px; 
    border: 1px solid #fff; 
    } 
}