Я пытаюсь создать сетку эскизов с Singularity 1.x. Вот код: $cols: 3
$grids: $cols
$gutters: 0.2
.element
@for $i from 1 through $cols
&:nth-child(#{$cols}n+#{$i})
+grid-span(1,$i,
<div class="grid">
<header>header</header>
<div>main</div>
<footer>footer</footer>
</div>
Я определил три сетки для трех экранов. Разметка содержит три элемента, которые отображаются
Я использую точки останова в Singularity, а также используя расширение точки останова для элементов вне сетки (полноразмерный заголовок nav). В моем файле screen.scss у меня есть: @import "singularity