2015-06-21 3 views
1

Мне нужна сетка другого размера в стандартной схеме сетки.Пользовательская сетка в фундаменте?

Я использую дерзость и пробовал:

.row-30{ 
    @include grid-row($total-columns: 30); 
} 

Вот HTML:

<div class="row-30"> 
    <div class="small-5 columns">a 5 col</div> 
    <div class="small-1 columns end">a 1 col</div> 
</div> 

Я не имею никакой удачи, хотя. Где я ошибаюсь в этом миксине?

ответ

2

Я думаю, вы также должны принести в grid-html-classes для размера вы хотите ..

$total-columns: 30; 

.row-30 { 
    @include grid-row($total-columns); 
    @include grid-html-classes($size:small); 
} 

Демо: http://codeply.com/go/QIvdO5M7Tz

+0

Похоже, что вы даже не должны включать в себя $ всего-столбцы внутри функция сетки-строки. Я предполагаю, что если вы использовали это в производстве, хотя вы хотели бы вернуть $ total-columns обратно в нужную сумму? – Mediabeastnz

Смежные вопросы