问题标签 [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.

0 投票
1 回答
344 浏览

susy-compass - 如何使用 Susy 2 $map?

我对 Susy 相当满意,并决定安装 susy 2.0.0.rc.1 和 sass 3.3.0.rc.4。当我尝试设置 $map 时,完全按照设置文档,在我的 _base.scss 中,liveReload 在错误消息之后给了我错误消息,并且在“)”之后通常预期得到等等等等。所以我什至无法得到开始了。$map 不是设置网格的新方法吗?

0 投票
1 回答
1052 浏览

susy-compass - Susy 2.0 中 _maps.scss 中的语法错误

尝试将新的 Susy 2 与 Compass 一起使用时,出现此语法错误。我想手动从版本 1 升级并将下载的sass文件夹的内容复制到我的sass/lib中。因此,我使用@import "lib/_susy";.

有人知道这是我的错还是错误?

0 投票
1 回答
208 浏览

compass-sass - 使用 Susy One 断点输出的指导

我正在使用 odbird 的 susy 框架,并将我的大型桌面媒体查询设置为有一个类,该类在我使用 H5BP 时写出带有“lt-ie9”类的大断点。

我遇到的问题是设置断点输出变量,即 $breakpoint-media-output。

理想情况下,我想要实现的是在我的单个样式表中隐藏 IE 中的较小断点,或者创建一个单独的 IE 表,其中只有 ie 代码。

0 投票
4 回答
4535 浏览

susy-compass - 如何在 Susy 2.0 中为容器添加左右填充

我正在使用 Susy 2.0。我正在构建一个固定宽度的站点(将在稍后阶段变得响应)。但是,我认为我的问题适用于将 Susy 用作静态或流体时。

这是我的全局设置:

根据关于静态站点的 Susy 2.0 文档,我已将容器设置为自动,并让列宽设置决定容器元素的宽度。

我想对容器应用一些左右填充,这样当移动设备上的视口变窄时,两边都有一点呼吸空间,等等。

这样做的最佳方法是什么?如果我只是将 padding-left 和 padding-right (在纯 CSS 中)应用于我的容器元素,这会破坏网格。容器不再足够宽以包含 Susy 的列宽计算。

我在我的 CSS 中将“box-sizing”普遍设置为“border-box”。如果我在我的容器元素上使用“内容框”覆盖它,则网格的行为正确。实际上我预料到了相反的情况?

将 'box-sizing: content-box' 应用于我的容器元素的解决方案是什么?或者我可以在 Susy 中应用我缺少的设置吗?我觉得大概有。如果可能,我宁愿让 Susy 处理所有网格计算。

我的问题也适用于响应式/流体设计,因为即使我给容器设置了特定的宽度并删除了“列宽”和“数学”设置,我仍然遇到同样的问题。

0 投票
1 回答
862 浏览

sass - 无法激活 susy-2.1.1,因为 sass-3.2.14 与 sass (~> 3.3.0) 冲突

我发现这条消息有点令人困惑。Windows 7 使用我。

通过 grunt 使用这个我。

目前套餐:

我怎样才能摆脱这些消息。

0 投票
2 回答
104 浏览

susy-compass - ::after vs :after pseudo element in SUSY 2.0

In SUSY v1.x, writing:

compiled as

now, in SUSY 2.0 it compiles as

The issue being the two colons in the after pseudo element. A single colon works in all browsers, including IE8 - so I'm wondering: 1) if this was an intentional change or an oversight, as two colons drops support for IE8 and 2) if there's a workaround without writing out all the extra CSS for IE8 "containers".

0 投票
1 回答
1829 浏览

sass - Susy 2.0 和 SingularityGS 的根本区别

我想知道这两个网格系统之间是否有任何关键区别。我在表面上看不到任何东西,也不知道为什么我要选择其中一个。在过去的几个月里,我建立了具有奇异性和 susy 1 的站点,它们都运行良好。它们似乎都是由可靠的人积极开发和建造的。一个比另一个有什么特定的优势吗?在任何情况下 on 可能是更好的选择吗?

0 投票
5 回答
6946 浏览

ruby - 无法激活 susy-2.1.1,因为 sass-3.2.17 与 sass (~> 3.3.0) 冲突

我已经安装了最新版本的 compass、sass 和 susy。但我仍然收到此错误:

有人知道这个 Ruby 的东西是如何工作的吗?

这是我安装的 gem 的列表:

0 投票
2 回答
3948 浏览

html - 如何使用 susy 有效地删除最后一列的边距?

我使用 susy 制作了一个简单的 12 列网格。我想我或多或少已经弄清楚了,除了一件事。我有以下标记:

我希望“新闻”占据一整行,“推文”占据这一行的一半,“博客”占据另一半。这两个“摘录”应该占据“博客”栏的一半。因此,我有以下 scss:

当然,第二个摘录现在也有一个正确的排水沟,这使它跳到了一个新的行上。所以我想我会在 susy 提供的摘录中使用last标志,:last-child但这不起作用。正确的排水沟已经被设置,@include span(3 of 6)因此将保留。唯一能解决问题的是像这样删除右边距:

这可行,但我认为必须有另一种解决方案。在那儿?

0 投票
1 回答
769 浏览

gem - 更新 Susy Gem 的问题

在使用宝石方面,我是一个完全的新手,所以如果我对这个主题的理解不正确,请原谅我。

我已经安装了 Susy 1.0.9,并希望将其更新到 Susy 2.0。

我试过gem install susy --pre了,它成功安装了 Susy 2.0 以及所需的 SASS 和 Compass 版本。虽然当我这样做时gem list,它仍然显示 Susy 1.0.9 并且 SASS 版本也没有更新。

关于如何正确更新 Susy、SASS 和 Compass 的任何想法?TIA