问题标签 [susy-sass]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Div 转到 susy 网格系统中的新行，而不是在一行中
我想用 susy 制作一个 12 列的页面，其中包含 3 个等距居中的 div，但是当我这样做时
HTML：
萨斯：
第 3 个 div 像这张图片一样换行，但我希望它们在一行中。
在我的 CSS 文件中有：
更新： 如果我的计算正确 3*28.57143 + 7.14286*3 != 100 ，它大约是 107 ，但为什么呢？
28.57143 是每个 div 的宽度，7.14286 是右边距的百分比
css - 苏西天沟尺寸
我是使用 Susy 的新手。我刚刚下载并安装到我的应用程序中。我正在使用 Susy 2.2
我试图创建一个简单的页面/网格，它有 2 列等宽（50%）。我面临的问题是每列只有 44.4444% 宽，第一列有margin-right11.111%
HTML：
CSS：
如何减小默认装订线尺寸？以及如何确保 的border-right显示log-in-section在屏幕中间？
sass - 使用带有多个部分文件的 Susy SASS 框架
我正在使用 Susy SASS 库。我正在编译一个主要的 SASS 文件，它 @imports 各种部分 SASS 文件。在部分内部，我使用 Susy-mixins。我需要为每个部分 SASS 文件 @import "Susy" 吗？这样做的聪明方法是什么？
susy-sass - 使用 Susy 插入流体网格
我已经能够math: static毫无问题地复制以下网格布局。但是，我更喜欢使用流体宽度，因此在下一个断点更改之前，设计会在较小的屏幕上缩小。
当我切换到math: fluid并尝试使用margin-leftor插入行时， padding-left% 宽度缩小并且网格不再正确对齐 - 每个块的大小不同。
这可能与流体网格有关吗？百分比似乎不可能，但是其他单位呢？我很惊讶边距/填充对百分比宽度产生了影响，因为box-sizing: border-box我假设它们在“可见”尺寸之内。
该问题的演示位于http://sassmeister.com/gist/83526e7319203138ace1
谢谢！
sass - 用 susy 固定排水沟宽度
我在这里找到了一个关于固定排水沟的示例（http://sassmeister.com/gist/7da95c41fff076dd7266），首先它看起来非常简单：
我以为我只需要将 15px 更改为任何东西就可以了……但事实并非如此。我试图改变它，但没有结果。我试图在官方网站上搜索，但我没有找到任何关于gutter的，只有关于gutters。有什么区别？排水沟是如何工作的？
我想要具有百分比的列，但具有固定的 25px 填充。
css - 如何正确定义嵌套元素？
鉴于我有以下标记：
的body固定宽度为910px：
有body一个article元素，由 2 个嵌套的divs(.foo和.bar) 组成。
在这一点上，如果我愿意.foo，.bar每人占据 6 列。这很容易做到：
to和后续元素 ( )body可以直接包含另一个元素吗？@include containerarticle@include container
在 Twitter Bootstrap 中，acol应该始终跟在row. 但这不是引导程序。是苏西。
row在 Susy 中， a和 a的相同概念是col什么？还是@include span基本上两者都做？
css - 无法在 Susy 中重新定义装订线宽度
解决了！！（见底部）
显然我是苏西的新手。阅读所有文档。我已经阅读了 Zell 教程的免费章节并阅读了他的大部分博客文章。随意翻阅其他资料。我在任何地方都找不到涉及修改装订线宽度的信息。
我一直在尝试更改主网格上的装订线宽度，但更改没有显示任何响应。我已经尝试过所有我见过的测量单位。尽管如此，什么都没有发生！
这是代码：
我也试过：
和
和
和
和
你得到图片。我还尝试删除width后缀并无限迭代值变化。
没有什么。
内森。
纳达。
是什么赋予了？
编辑
这是与容器网格有关的 CSS，#grid
解决了
问题是我写的是“gutter”而不是“gutter”
susy-compass - Div 未确认网格。定义了一个 8 列网格，元素绑定到 4 列。苏西
我的 div 与我的网格不匹配。这是一个 8 个容器网格，当我告诉元素 span(2) 时，它的行为就好像网格是 4。这是因为我没有在 $susy 中定义全局网格吗？
一些上下文代码：
首先我定义了一个容器网格：
然后我将它添加到html中：
然后我将 div 嵌套在 css 中：
并将其添加到 html
编辑：固定（即使在子元素中也必须定义上下文。为什么会这样？如果我可以根据我想要的任何网格数量设置跨度，那么在 hokey pokey 之后所有这些布局和上下文的意义何在？如果跨度没有t 从父元素中读取上下文，那么 susy 到底有什么意义？）
css - 带有 Susy span mixin 的嵌套断点 sass
我对 Susy 使用嵌套断点。编译后的 CSS 包含以下行： box-sizing: ; 当我不使用嵌套断点时，编译的 CSS 是正确的。
SASS 代码：
编译后的 CSS（行：box-sizing: ;）：
我还在另一个站点中使用了 Susy 的嵌套断点，它运行良好。我也尝试过 susy-breakpoint mixin 问题仍然存在。