问题标签 [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.
susy-compass - 如何使用 Susy 2 $map?
我对 Susy 相当满意,并决定安装 susy 2.0.0.rc.1 和 sass 3.3.0.rc.4。当我尝试设置 $map 时,完全按照设置文档,在我的 _base.scss 中,liveReload 在错误消息之后给了我错误消息,并且在“)”之后通常预期得到等等等等。所以我什至无法得到开始了。$map 不是设置网格的新方法吗?
susy-compass - Susy 2.0 中 _maps.scss 中的语法错误
尝试将新的 Susy 2 与 Compass 一起使用时,出现此语法错误。我想手动从版本 1 升级并将下载的sass文件夹的内容复制到我的sass/lib中。因此,我使用@import "lib/_susy";
.
有人知道这是我的错还是错误?
compass-sass - 使用 Susy One 断点输出的指导
我正在使用 odbird 的 susy 框架,并将我的大型桌面媒体查询设置为有一个类,该类在我使用 H5BP 时写出带有“lt-ie9”类的大断点。
我遇到的问题是设置断点输出变量,即 $breakpoint-media-output。
理想情况下,我想要实现的是在我的单个样式表中隐藏 IE 中的较小断点,或者创建一个单独的 IE 表,其中只有 ie 代码。
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 处理所有网格计算。
我的问题也适用于响应式/流体设计,因为即使我给容器设置了特定的宽度并删除了“列宽”和“数学”设置,我仍然遇到同样的问题。
sass - 无法激活 susy-2.1.1,因为 sass-3.2.14 与 sass (~> 3.3.0) 冲突
我发现这条消息有点令人困惑。Windows 7 使用我。
通过 grunt 使用这个我。
目前套餐:
我怎样才能摆脱这些消息。
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".
sass - Susy 2.0 和 SingularityGS 的根本区别
我想知道这两个网格系统之间是否有任何关键区别。我在表面上看不到任何东西,也不知道为什么我要选择其中一个。在过去的几个月里,我建立了具有奇异性和 susy 1 的站点,它们都运行良好。它们似乎都是由可靠的人积极开发和建造的。一个比另一个有什么特定的优势吗?在任何情况下 on 可能是更好的选择吗?
ruby - 无法激活 susy-2.1.1,因为 sass-3.2.17 与 sass (~> 3.3.0) 冲突
我已经安装了最新版本的 compass、sass 和 susy。但我仍然收到此错误:
有人知道这个 Ruby 的东西是如何工作的吗?
这是我安装的 gem 的列表:
html - 如何使用 susy 有效地删除最后一列的边距?
我使用 susy 制作了一个简单的 12 列网格。我想我或多或少已经弄清楚了,除了一件事。我有以下标记:
我希望“新闻”占据一整行,“推文”占据这一行的一半,“博客”占据另一半。这两个“摘录”应该占据“博客”栏的一半。因此,我有以下 scss:
当然,第二个摘录现在也有一个正确的排水沟,这使它跳到了一个新的行上。所以我想我会在 susy 提供的摘录中使用last
标志,:last-child
但这不起作用。正确的排水沟已经被设置,@include span(3 of 6)
因此将保留。唯一能解决问题的是像这样删除右边距:
这可行,但我认为必须有另一种解决方案。在那儿?
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