问题标签 [susy]

我是一名视觉设计师，正在努力编写代码，切入正题，以下是问题：

我想要达到的目标：

目标 1 和目标 2 的屏幕截图，包括我目前的困境，我在下面放置了一个链接（因为我是新手，所以我还不允许包含屏幕截图：

https://www.dropbox.com/s/libc4wp970xz3ms/Screenshot.png?dl=0

我希望实现的是让导航栏始终居中。我把它变宽（1300px），我的白色容器会更小，它之外的任何东西都会被设置为隐藏。

下面是我的代码：

任何帮助或建议将不胜感激。

我一直在论坛上寻找答案和线索，但似乎找不到与我有类似问题的论坛。

再次感谢你。

安东尼

当我使用带有 susy 的固定位置元素时，我遇到了一个小问题。我知道具有固定位置的元素的大小相对于视口而不是网格。但我不知道如何解决这个问题。

我做了一支笔来说明问题：

http://codepen.io/emjay/pen/vEabNQ

这是我的susy配置：

这里是我的代码：

HTML：

SCSS：

您会看到，如果窗口大于 1200 像素 - 侧边栏使用的空间比定义的 3 列要多。

我希望有人知道如何解决这个问题。:)

我需要一些关于为我的主题设置断点的帮助。基本上它很简单：移动；平板电脑和台式机。但问题来自横向和设备分辨率。实际上这是我的变量和代码示例：

您有一些在应用程序上使用的高效代码吗？

谢谢

编辑：发现这有帮助，但我需要帮助才能将其设置好 http://breakpoint-sass.com/

如何设置列在 Susy 中的显示位置？

我认为这会起作用：

html代码的顺序是中间列，左列，然后是右列。

该网站首先显示中间列。这是源代码中的顺序。

这是完整的代码：http ://sassmeister.com/gist/60d85878921ca500c681

我正在尝试为我的导航添加一些管道 (|) 样式。

我的 susy 代码是 @include with-layout(6 inside, true){ @include span(1);

我在 { content: " | "; 之前添加了 &:: }

但是当我添加 &:first-child { &::before { content: " "; } }

它不承认导航的每个实例都不是第一个孩子 - 它会将我的 html 中的所有项目视为第一个孩子。我该如何解决？

另外 - 关于如何使管道显示为分隔符的任何建议（即在 susy 导航项之间） - 我不想使用左边框，因为我想要一个微妙的效果。

谢谢，

维多利亚

已经提出了另一个非常相似的问题。

我设置了一个由六列元素组成的画廊。但是我希望第一个元素跨越画廊的前两列。

有没有办法将gallery功能抵消两个？我试过隔离它。而且我在.strap元素上添加了额外的填充，但是它将第一行画廊推出并离开页面。甚至尝试&:first-child了各种口味的选择器。

我目前正在使用 SUSY 为我正在开发的网站创建响应式网格系统。

我的 grid.scss 文件看起来有点像这样：

但是，当我在另一个 desktop-6 类中使用 desktop-6 类时，我的装订线宽度将变为非嵌套内容的一半。

我理解为什么会发生这种情况，因为一切都是基于列宽的百分比，但是我如何覆盖它或为嵌套 DIV 添加样式以使用两倍宽的装订线？

任何帮助都会很棒。

谢谢

我正在尝试将 Bootstrap 等效网格复制到我的项目中。我喜欢这个想法，但在配置方面遇到了问题。我正在使用最新版本的 Codekit。

我希望网格使用以下内容：

• box-sizing：边框框；
• 网格项目的每边 15 像素的装订线
• 没有不需要的边距（除非使用了@include push();）。
• 12 列网格默认值

这些是我当前的设置：

在我想创建一个 5 列网格的那一刻：

我期待这个：

但是得到了这个：

我不确定边距从何而来，由于这个添加，它永远不会是 5 列网格，我还预计 20% 的宽度。我知道默认值是上面的 12 列，但我设置了 5 列中的 1 列。

我正在做一个新项目并开始使用 grunt-sass 而不是 grunt-contrib-sass，因为它更快。我还删除了指南针。现在的问题是我再也找不到添加“susy”网格和“断点”的方法了。我曾经把它放在一个 config.rb 文件中，但我不再使用它了，因为我没有使用指南针。

所以我在我的项目中添加了所有 susy 风格，效果很好，但这不是我喜欢的方法。但是找不到添加断点的方法。

有没有办法添加这些？还是我必须为此使用指南针？

对不起我的英语不好，不是很擅长。

当我gulp第一次运行该任务（默认）时，该sass任务在 Bower 包上出现错误。更具体地说是关于Susy。

错误：

使用 gulp -bower成功安装了 Susy bower 包，并从我的 bower.json 文件中获取其信息。但是，当默认任务到达sass任务时，却找不到Susy。

样式.scss

这只发生在我第一次跑步gulp时。出现watch此错误后任务不会停止/中断，并且会继续工作。（我可以毫无问题地编译 sass）。

但它看起来有点乱，关于如何防止这种情况的任何想法？

你可以在这里看到我的整个 gulpfile.js： https ://gist.github.com/JeroenDelbrk/798d646af5cc2ad78da0

也欢迎与此问题无关的有关如何改进 gulpfile 的提示。