问题标签 [susy]
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.
susy - 布局和地图
我有一个项目在不同的断点有不同的布局，我正在努力让地图部分工作。我在http://sassmeister.com/gist/ef02247af9f901fb3897设置了一个示例
你会看到我有两张地图，每张地图都有不同的网格设置和调试颜色。但我有几个问题：
- 网格颜色没有改变。第一张地图甚至没有显示它们（对于更宽的网格，它应该是黄色，然后是红色）。
- 尽管网格列发生了变化，但我认为列宽或装订线宽度不正确。例如，列 ONE 似乎比网格第五列大，而它应该稍微短一点，并且边距似乎也不宽。这可能只是网格背景不够准确吗？
- 当我到达 975 断点时，排水沟应该比平板电脑地图中定义的要大，但它似乎没有。
关于在不同断点运行正确地图所需的任何想法。我需要在不同的断点清除/重置地图吗？
谢谢
susy - Susy2 - 网格，具有隔离模式的跨度速记
索引.html
应用程序.scss
不应该跨越isolate模式的简写，指定第 10 列而不是 2，因为我仍然处于 12 列的上下文中，前 8 列被
.onediv 占用？Susy 中的其他一切都符合逻辑，我没有任何问题，但这个让我失望。
但是，如果我指定：
，那么我必须告诉它在第 10 列。这应该像这样工作吗？
sass - 有没有办法根据容器宽度的百分比来确定 Susy 排水沟宽度？
在阅读文档时，Susy 将其装订线宽度作为列宽的百分比。
我有一个宽度为 768px 的容器
我有 3 列
我希望每个装订线是 768px 的 5%，即 38.4px
我正在使用拆分的排水沟位置
执行以下操作，我的排水沟宽度为 3.33333%：
但是这样做会给我正确的 5% 的排水沟宽度：
我通过反复试验找到了这个数字，似乎无法计算出公式。
我假设以下之间存在关系：
列数：3
排水沟数量：6
容器所需百分比排水沟：5%
我需要提供 Susy 以获得我想要的装订线百分比（容器）：0.428572
如何根据容器宽度的百分比设置 Susy 装订线宽度？
susy - 如何在 Susy 上调整块包装器的宽度
我有一个由 Susy\Sass\Compass 创建的未完成的测试项目：
https://github.com/gearmobile/portfolio/tree/master/travel
块包装器的宽度.wrapper为 940px。但我需要960px。我需要什么？
ruby - 未找到要导入的 Susy2 文件或无法读取，通过 Gulp 使用 Compass 编译
让 Compass 和 Susy 在 Gulp 下一起工作 - 令人沮丧。
除非我手动导入文件（使用Susy 文档中的“手动启动”说明） ，否则我似乎无法让 Susy 2 使用 gulp 和 compass 。
（我之前问过一次，但找不到任何相关信息......这对我来说是跨多个开发环境的一个持续问题，所以我再次询问尽可能多的背景信息......）
尝试使用simple install或 bundler install 通过 compass 导入 susy 对我来说每次都失败，如下所示：
宝石文件
捆绑安装
和：捆绑列表
配置文件
样式.scss
结果是：值得注意的是-“加载路径”似乎缺少 susy 目录。例如，我可以看到其他 gem 的路径，例如断点：/usr/local/lib/ruby/gems/2.1.0/gems/breakpoint-2.5.0/stylesheets
然而“susy”gem 路径并没有显示在那里（“bundle show susy”指向:) /usr/local/lib/ruby/gems/2.1.0/gems/susy-2.1.3
我做错了什么或错过了一步吗？
grid - Susy grid：按位置定位元素不起作用
试图找出 Susy，但在按位置定位元素时遇到了麻烦。'first' 和 'last' 按预期工作，但使用特定列的编号却不能。我哪里错了？
见演示：http ://sassmeister.com/gist/aad8a46d927b59573695
或完整代码：
html - Sass Susy 画廊：跨越两列的元素
我需要使 susy 的画廊 mixin 的一些元素跨越两列，问题如图所示，即使我尝试手动执行此操作，它也不会推动其他元素。这怎么可能做到。代码链接https://github.com/iyedg/IGBlogTheme
susy-compass - Susy gem：如何找出安装了哪个版本的 Susy？
有谁知道我怎样才能找到我的 Windows 系统上安装了哪个版本的Susy ？
例如，您可以在命令行中编写 compass -v 来找出您的机器上安装了哪个版本的 Compass。但是 susy -v 不起作用。
是否有任何命令可以找出安装了哪个版本的 Susy？
谢谢
css - 如何在 Susy Grid System 中偏移列？
我想使用 Susy 偏移列，例如 Bootstrap 中的偏移列。
我试着用
但这不起作用。我做错了什么？
html - 垂直对齐 LI 内的浮动 DIV 内的项目
我有一个里面有 div 的列表
如何在 div.action 中垂直对齐 a.button？
该列表的 CSS 是使用 Susy 生成的，CSS 看起来像这样：
我不知道 LI 的高度，因为“desc”文本可以是任意长度。
这是codepen.io的代码-> http://codepen.io/anon/pen/CFhos