Невозможно установить общую сетку сингулярности на 16
У меня возникла проблема с использованием структуры сетки сингулярности. Я установил общее количество столбцов равным 16, но, похоже, этот параметр не читается. вместо этого общее число, по-видимому, равно 12.
Подробности заключаются в следующем. Я использую тему Omega и правильно реализовал подтему , которую я использую SASS, и в части сетки _grid.scss есть этот код
@import "singularitygs";
$tab: 44em; /*704 pixels */
$desk: 70em; /* 1120 pixels */
$grids:16;
$gutters:1/4;
Для целей тестирования я установил div в 16 столбцов с этим кодом.
.someDiv {@include grid-span(16, 1); }
Этот раздел тогда вырывается из div главной страницы, в данном случае.l-страница, и в инспекторе она читается как
width:133%;
Для устранения неполадок я провел поиск через grep "сетки:12" и очистил файл .sass-кэша. но пока ничего не получается. у кого-нибудь была такая же проблема?
2 answers
Убедитесь, что вы используете правильный синтаксис для своей версии SingularityGS. Ваш синтаксис предназначен для до 1.2. Если вы недавно создали подтему, держу пари, что у вас более современная версия. Синтаксис должен быть таким:
// Singularity 1.2+ Syntax
@include add-grid(16);
@include add-gutter(1/4);
Также очень маловероятно, что файлы .sass-кэша вызывают ваши проблемы.
Убедитесь, что вы не перезаписываете переменную сетки. Я считаю, что по умолчанию он перезаписывается, когда браузер достигает размера $tab с помощью: $grids: add-grid(12 at $tab);, поэтому поиск этой строки будет началом.
Чтобы помочь визуализировать вашу сетку, в singularitygs есть опция @include background-grid($color: blue);, которая может быть полезна при тестировании.
Наконец, вы всегда можете настроить свои сетки на лету с помощью 3-го аргумента в ваших вызовах grid-span. Например:
// Override the default $grids variable to use 16 grids
@include grid-span(16, 1, 16);