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
Post a Comment