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

0 投票
1 回答
306 浏览

susy-sass - Susy 2.0 响应式网格

我正在将布局从 Susy 1 转换为 Susy 2.0,并且有些事情的工作方式与预期不同。我在这里做错了吗?我希望容器跨越页面的宽度,并在页面中间有一列宽度的一半。在该列的内部,3 个等距的列(红色、白色和蓝色)。我不确定 css 是如何编译的,因为它在屏幕截图中。

截屏

我的 Susy 模板

我的 HTML

0 投票
1 回答
723 浏览

susy-sass - Susy 2.0 跨度未按预期工作

我有一个相当简单的问题,我似乎无法弄清楚。在某些列上定位跨度似乎没有任何效果。

有问题的行是

跨度仍然从 1 开始。有什么明显的我做错了吗?

在此处输入图像描述

0 投票
1 回答
243 浏览

susy-sass - Susy 2 排水沟没有出现

出于某种原因,我没有看到 Susy 2 中出现排水沟。任何想法为什么这些可能不会出现?我设置了地图,默认情况下跨度不应该选择排水沟设置吗?

地图

在此处输入图像描述

0 投票
1 回答
148 浏览

guard - 使用 Guard Live-reload 和 Susy

有没有人在 Susy 上使用过 Guard Live-reload,这里是 Guard 的链接:https ://github.com/guard/guard 。

我找到了 Guard 与 Sass 和 Compass 一起使用的地方,但到目前为止我还没有找到它与 Susy 一起使用的地方。

任何帮助将不胜感激

胡闹

0 投票
1 回答
48 浏览

grid - 在带有网格但没有 Photoshop 的浏览器中进行设计?

我计划纯粹在浏览器中设计我的下一个网站,但想使用网格系统。我对网格系统很陌生,当我研究它们时,他们都建议我使用 Photoshop 将网格图像分层覆盖在我的设计上。如果我想使用网格系统而不是 Photoshop,我是否只使用Susy之类的工具在浏览器中查看网格?

谢谢!

0 投票
1 回答
576 浏览

css - Susy One Gem 错误贬值警告

我正在运行 CodeKit,编译时出现此错误:

该错误在不同的区域发生了几次。

和这个:

我已经更新了我的 gem,我正在运行 Ruby 2.0.0p481。知道发生了什么吗?

谢谢,斯坦

0 投票
0 回答
871 浏览

ruby-on-rails - Rails 4 资产编译(带 Sass 和 Susy)使用资产管道很慢

基本上,我和这个问题在同一条船上:

Rails 4 资产编译在开发模式下非常慢(>1 分钟)。如何排除故障?

但我没有使用 Bootstrap,而是使用 Susy 2 和 SASS 3.3 和 Rails 4.1(但不是 Compass)。我在我的 application.js 清单中使用了 Sprockets 'require',它没有引起任何问题……蜗牛的步伐只有在我对任何 SASS 文件进行更改时才会发生。目前我需要在我的样式表清单中使用@import 规则。

我尝试了 'require'/'@import' 组合的变体,它们有所帮助,但我确实有很多 SASS 文件,我很想拥有一个使用的 application.css.scss 清单SASS 的编译方法,而不是在每个 SASS 文件的顶部包含一个带有 @import 的“全局”文件。

我想知道它是否与当前的Sprockets/sass-rails gem 问题有关;在编译期间我得到了很多

如果可以并且仍然使用 Susy 2,我会尝试回到 SASS 3.2。

如果我可以确定该应用程序在推进登台/生产时仍然可以与 Heroku 配合使用,我可以不使用 Asset Pipeline。我对 Grunt 和 Gulp 都很熟悉,不太了解使用 Grunt/Gulp 而不是 AP 对我的 Rails 应用程序的影响。

一方面,我很高兴我并不孤单,但另一方面......如果有人有一些建议可以分享,我很想找到解决方法!在此先感谢 SO 社区!

0 投票
0 回答
199 浏览

ruby - Ruby 的 RVM 奇怪的“@global”符号链接问题

在我的 Gruntfile.js 中,我有一个具有 2 个依赖项的以下 Compass 任务:

全新安装 Yosemite 后,现有项目中的 Grunt 任务在每个依赖项上都会引发以下错误(无论是modular-scale还是susy):

/Users/Cibulka/.rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/lib/compass/configuration/data.rb 行 ["179"] 上的 LoadError:无法加载此类文件 - - 模块化规模

我正在为 Ruby 使用 RVM,但老实说,我大部分都不懂(我只需要我的 Sass 工作!)。这是我的gem list

请注意,Susy 和 Modular-Scale gem 都存在。

我的 $PATH:

知道我在做什么错吗?那里丢失了类似的问题,但似乎没有一个对我有用(或者有非常不同的情况,或者答案是用户忘记安装 gem)。

先感谢您!

编辑

好的,经过进一步的修补,我设法找到了解决方案。

/Users/Cibulka/.rvm/gems目录下,我删除ruby-2.1.2@global了指向/Users/Cibulka/.rvm/rubies/ruby-2.1.2/lib/ruby/gems/2.1.0. 出于某种原因,它修复了一些问题。我自己绝对没有把符号链接放在那里。:)

我的问题是 - 为什么这有效,符号链接首先在那里做什么?另外,删除符号链接是解决方案还是只是消除更深层次问题的症状?

谢谢!

0 投票
1 回答
5398 浏览

css - susy - 如何使其全宽(无排水沟)?

我在使用 SUSY 构建网格时遇到了问题。我设置包装类如下:

问题是包装器内的子元素。如果有时我想制作完整的专栏,我会尝试这样做

但这并不完整,它有排水沟。我尝试另一个

这使元素没有排水沟,但它仍然留下排水沟宽度。

我怎样才能让它充满(没有排水沟)?仅适用于某些元素。

谢谢查拉

0 投票
0 回答
164 浏览

ruby-on-rails-4 - “警告。保存缓存时遇到错误......无法转储匿名类”更新?

有没有人能够压制这些警告,而 sprockets-rails/sass-rails 的人解决了这个问题?我正在处理开发中超慢的编译时间。我知道它们实际上并没有害处,但它们让我发疯。

我正在使用 Rails (4.1.6)、sass-rails 的 5.0Beta,以及适用于我的设置的最新 sprockets-rails (2.2.0) gem(3.0Beta 尚不工作)。

我知道我可以降级到 Sass 3.2,但我已经在我的网站上撒了 Susy 2,并希望尽可能保持这种状态。

谢谢。