文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在singularity.gs中应用给定的宽度/边距？

问如何在singularity.gs中应用给定的宽度/边距？
EN

Stack Overflow用户

提问于 2015-10-10 12:00:06

回答 1查看 37关注 0票数 1

我使用的是singularity.gs (Drupal 7/Omega 4)，我想将我的内容堆叠在列中。

在960个例子中，您只需将grid-4添加到元素中，它跨越4列并具有适当的边距(或多或少)。

为了使用sigularity.gs生成12列网格，我编写了以下代码：

.grid-4 {
    width: column-span(4, 6);
    margin-left: gutter-span();
    float: left;
}

.grid-4:first-child {
    margin-left: 0;
}

是否有一种更简单或更惯用的方法来做这件事？

css

sass

960.gs

singularitygs

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-10 17:45:46

我不确定这本身是否一个问题，但我想我可以回答它。

奇点允许不同的输出样式提供自己的跨距混合器，以更好地遵循输出风格的心智模型。960gs使用浮点输出样式，允许您将所拥有的内容更改为以下内容：

.grid-4 {
    @include float-span(4);

    &:nth-of-type(3n) {
        @include float-span(4, 'last');
    }
}

与此一起工作的SassMeister应该可以让您清楚地了解正在发生的事情。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33053733

复制

相似问题

问如何在singularity.gs中应用给定的宽度/边距？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在singularity.gs中应用给定的宽度/边距？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在singularity.gs中应用给定的宽度/边距？
EN