问题标签 [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 回答
154 浏览

susy-compass - Susy One IE Fallbacks - 宽度是否仍被编译为 IE8 及以下版本的百分比?

我在移动优先响应式 Web 应用程序上使用 Sass、Compass 和 Susy 1。我需要同时提供 IE6+ 支持。

我知道 Susy One 应该使用 Compass 浏览器支持变量与 IE6+ 一起工作。我已经设置了两个从 scss 文件生成的样式表。在 IE 特定样式表中,对 IE 变量的 compass legacy 支持设置为 true,而在普通样式表中则设置为 false。

我在编译的 css 中得到的宽度值都以 % 作为单位。这是 IE 备份的默认设置吗?我希望生成固定宽度(以避免 < IE8 中的问题)。

Susy One 上的文档没有解释生成的 IE 后备 css 应该是什么样子。我是否错过了什么或担心什么?有谁知道使用 IE 后备的任何示例?

提前谢谢了。

0 投票
1 回答
186 浏览

susy-sass - 零边距的 Susy 网格

我有一个零排水沟的 Susy 2 网格(排水沟:0px/150px)。使用拉入布局会在编译时引发错误:(_margins.scss 的第 54 行:无效的空操作:“-1050px 加空”。)

如何在 Susy 中定义零装订线,以便我可以毫无错误地使用 pull?

0 投票
1 回答
902 浏览

sass - susy:逆流向中排

我正在使用 Susy 2.0.0 构建不对称网格布局,其中网格项目有时需要向左或向右浮动以允许正在运行的文本继续不间断。

例如,我可能希望将视频与正在运行的文本中的段落的左侧、右侧或中心对齐。你知道,就像花车通常表现得一样。除此之外,如果没有其他项目作为旁白显示,我的项目的约束迫使我将每个段落作为一行中的唯一项目。

https://dl.dropboxusercontent.com/s/vbuflsjun1p4shm/Screenshot%202014-04-12%2017.31.06.png

在这种特定情况下:

  1. 右侧的视频必须与正在运行的文本的右边缘对齐。
  2. 正在运行的文本必须在不清除视频的情况下继续不间断

我试过使用 Last Flow 设置,但这似乎没有多大帮助。事实上,当我将它与 一起使用时@include post(1),生成的后边距甚至不等于最后一列的宽度——它看起来更像是最左边一列的宽度。

让我知道是否有任何需要澄清的地方,或者是否有助于我将其放入 Codepen 或类似的地方。

HTML

SCSS

0 投票
1 回答
1810 浏览

ruby - Prepros - 使用自定义 Ruby 路径时的冲突版本 sass

我尝试按照此说明进行操作,毕竟完成后,在使用 prepros 编译scss文件时出现此错误。

请帮我解决这个问题。

0 投票
1 回答
1338 浏览

terminal - Susy 安装终端

我安装了 Susy 1.0.9,也是当前版本。

我想通过 susy 版本 1.0.9 运行一个新项目。所以我通过终端运行:

谢谢你的帮助。
欧尼

终端

我的宝石

0 投票
0 回答
180 浏览

terminal - Invalid CSS Susy 1.0.9

I got this invalid code. I use it with grunt. I try some versions in combination, still failed.

Thanks for your help

Ogni

Terminal

My Settings

.scss

...

Gemfile

config.rb

Gruntfile.js

0 投票
2 回答
303 浏览

css - 使用 Breakpoint Sass 的媒体查询缺少屏幕

我正在使用带有断点 sass 的 Susy 2 来创建我的媒体查询。

它的输出如下:

我想知道为什么屏幕不见了?它应该是:

我正在尝试添加不起作用的 css3-mediaqueries-js,我认为这可能就是原因。

0 投票
1 回答
2567 浏览

sass - Susy2 Sass:在网格列内垂直居中元素?

我在网格列内垂直居中元素时遇到了一些麻烦。

通常我会使用 table-cell 来做类似的事情,但由于 Susy 的浮动特性,我遇到了问题。我尝试的一切似乎都在某个时候分崩离析。

例如,如果我想将这些元素垂直居中在它们各自的列中,假设我使用的是默认网格设置,我该怎么做。

非常感谢您的帮助

0 投票
1 回答
344 浏览

susy-compass - 在 susy 2 中使用带有 susy-breakpoint 的变量

我最近升级到 Susy2,不得不用新的 susy-breakpoints 而不是 at-breakpoint 来修改我的基本模板。

使用新的 susy 断点,我需要为简写定义一个断点和布局,例如“60em, 12”,我尝试将其存储在一个变量中,例如“$large”,这样我就可以将它传递给各种类。

然而,由于它是一个变量,mixin 只将它视为一个值,所以我只能存储一个值。有没有办法将两个值都存储在一个变量中?

0 投票
2 回答
851 浏览

ruby-on-rails - 尝试使用 Rails 4 设置 Susy 网格

我想在 Rails 4 中使用susy

我添加gem 'susy'到我的 gemfile 中。然后我跑bundle install。一切都很好,并说 gem 已安装。现在我重新启动我的 Rails 服务器,并添加@import "susy";到 application.css.scss(我正在使用 sprockets)。

我收到错误File to import not found or unreadable: susy.任何想法?