Сингулярность Grid-toggle

Question

Сингулярность Grid-toggle

Я не могу заставить работать переключатель сетки Singularity. При попытке установить в соответствии с их вики я получаю ответ, что такой фреймворк, как singularitygs, отсутствует. Он фактически установлен, по-видимому, в singularitygs/templates/, но добавление других строк в любом месте, похоже, ничего не дает. Это работает?

Grid-toggle - это альтернатива "@include background-grid", позволяющая переключать фоновую сетку с помощью клавиши "g". Следуя инструкциям по установке и активации (Singularity Wiki, "визуализация ваших сеток"), я не могу заставить его работать. Я задавался вопросом, использует ли кто-нибудь еще это и мог бы помочь. Есть одно предложение, которое гласит: "Миксин с переключением сетки не должен использоваться из селектора; он напишет свой. примечание: я не набрал две буквы "а" перед селектором; это в вики. Я не совсем понимаю.

У меня нет gemfile. Гем 'grid-toggle' находится глубоко внутри моей папки Ruby (OSX 10.7.5). Я явно не помещаю правильные строки в нужное место в моем style.scss. Документация не самая лучшая в мире, не так ли?

0

singularitygs

Источник

user2713715 08 сен '13 в 15:21

3 ответа

Другие вопросы по тегам singularitygs

user2798867 20 сен '13 в 10:56 2013-09-20 10:56 · Answer 1 · 2013-09-20 10:56

У меня та же ошибка при использовании @include background-grid, но потом я включил его в html {@include background-grid} и это сработало:-) Это должно работать в любом элементе CSS.

1

Источник

user2798867 20 сен '13 в 10:56

user3258544 01 мар '14 в 13:52 2014-03-01 13:52 · Answer 2 · 2014-03-01 13:52

Попробуйте использовать эту команду: 'bundle exec compass install singularitygs/grid-toggle, тогда у вас будет новый каталог внутри проекта компаса с именем js, содержащий grid.js и grid.min.js.

0

Источник

user3258544 01 мар '14 в 13:52

user2713715 22 сен '13 в 15:43 2013-09-22 15:43 · Answer 3 · 2013-09-22 15:43

Это мой собственный ответ - наконец-то. Добавьте 'data-development-grid="show"' к элементу html с идентификатором 'wrap', где я хочу сетку. Добавьте '@include grid-toggle' к элементу SCSS *{ ...} или к элементу html{ ...}. Я написал новый файл javascript/jquery, как показано ниже, вместо grid.js:

(function () {

$(document).keypress(function(event) {
    if (event.which === 103) {
    var wrap = document.getElementById("wrap");
    var dev = wrap.getAttribute('data-development-grid');
    if (dev === null || dev === 'hide') {
        wrap.setAttribute('data-development-grid', 'show');
    }
    else {
        wrap.setAttribute('data-development-grid', 'hide');
    }
        }

    });

}) ();

назвал его myToggle.js и сослался на него в заголовке html-страницы как обычно. И эй Престо сетка, которая переключается. Я полагаю, что javascript - это мусор, и есть лучший способ.