Допустим, у меня есть сетка статей (2 столбца) внутри другого столбца. Каков наилучший способ добиться этого без необходимости явно указывать сингулярность, в каком столбце должна быть статья.
Это единственный вариант объявить его с помощью псевдоклассов?
article:nth-child(1n){
@include grid-span(1,1);
}
article:nth-child(2n){
@include grid-span(1,2);
}
Спасибо.
Существует еще более короткий путь, чем предложил Скотт, он же user2242314:
$grids: 12;
$gutters: 1/3;
.column {
@include float-span(1);
&:last-child {
@include float-span(1, 'last'); }}
К сожалению, в Singularity есть ошибка, которая не позволяет использовать этот короткий метод, даже если он предложено документацией Singularity.
Я исправил ошибку и отправил запрос на включение. Подождите, пока Скотт или Сэм, также известный как Snugug, примут его и выпустят обновленный gem (версии 1.0.7 или выше). Затем запустите gem update или bundle update, и вы сможете использовать самое чистое решение.
Вы можете использовать стиль вывода с плавающей запятой, но вам все равно придется иметь дело с дополнительным отступом в правом столбце.
http://sassmeister.com/gist/5256403 – возможно, вам придется выбрать сингулярность в раскрывающемся списке. меню, чтобы эта ссылка работала.
В случае с числами с плавающей запятой запись «последний» в столбце местоположения эквивалентна «омеге» в Susy. Работа с этим дополнительным отступом по-прежнему будет сложной, но, по крайней мере, ваши столбцы плавают рядом друг с другом без nth.
Если вы все еще не удовлетворены, вы можете написать свой собственный стиль вывода. Не уверен, какой CSS поможет, но, во всяком случае, CSS Singularity генерируется полностью настраиваемым. Мне еще предстоит полностью задокументировать, но вы можете добавить свои собственные стили вывода: https://github.com/Team-Sass/Singularity/tree/1.x.x/stylesheets/singularitygs/api
