0

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

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

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

4

3 回答 3

1

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

于 2013-09-20T10:56:27.620 回答
0

这是我自己的答案 - 最后。将 'data-development-grid="show"' 添加到 ID 为 'wrap' 的 html 元素中，这是我想要网格的位置。将 '@include grid-toggle' 添加到 SCSS 元素 *{ ...} 或 html{ ...} 元素。我写了一个新的 javascript/jquery 文件来代替 grid.js：

（功能（） {

$(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 页面的头部引用它。嘿 presto 一个可以切换的网格。我敢说javascript是垃圾，有更好的方法。

于 2013-09-22T15:43:09.857 回答
0

尝试使用以下命令：'bundle exec compass installsingularitygs/grid-toggle 然后您将在 compass 项目中拥有一个名为 js 的新目录，其中包含 grid.js 和 grid.min.js。

于 2014-03-01T13:52:35.403 回答