drupal - zen grid item without position argument -


i'm experimenting zen grids new drupal site i'm working on using zen starter theme.. let's have 5 column grid unordered list has 5 list-items in it. in scss file want make each <li> 1 column wide no left-margin on first list-item , no right-margin on last list-item.

i've looked @ zen-grid-item , zen-grid-flow-item mixins haven't been able accomplish this. able give me quick example? here 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 put here make each <li> 1 column wide */   } } 

<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;   } } 

Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -