Question

我无法让Singularity的网格切换工作。当尝试按照他们的wiki进行安装时，我得到的回答是没有像singularitygs这样的框架。它实际安装，显然在singularitygs / templates /下，但在任何地方添加其他行似乎没有做任何事情。它有效吗？

网格切换是'@include background-grid'的替代选项，允许您使用按键'g'切换背景网格。按照安装和激活说明（Singularity Wiki，'可视化您的网格'），我无法让它工作。我想知道是否还有其他人正在使用它并可能有所帮助。有一句话写着：'不应在选择器中使用grid-toggle mixin;它会写自己的。“注意我没有在选择器之前输入两个字母'a';它在wiki中。我很困惑。

我没有gemfile。 gem'grid-toggle'位于我的Ruby文件夹深处（OSX 10.7.5）。我显然没有在我的style.scss中将正确的线放在正确的位置。文档不是世界上最好的，是吗？

Answer 1

我在使用@include background-grid时遇到了同样的错误，但后来我把它包含在html {@include background-grid}中它起作用了:-)它应该适用于任何css元素。

Answer 2

这是我自己的答案 - 最后。将'data-development-grid =“show”'添加到带有'wrap'的html元素，这是我想要网格的地方。将“@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是垃圾，还有更好的方法。

Answer 3

尝试使用此命令：'bundle exec compass install singularitygs / grid-toggle然后你将在罗盘项目中有一个名为js的新目录，包含grid.js和grid.min.js。

奇点网格切换

3 个答案: