问题标签 [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 投票
2 回答
2578 浏览

sass - Libsass 与 Susy 不工作 + Gulp

我毫不怀疑其他人已经得到了这个工作......我只是还没有完全弄清楚现在是如何工作的。

吞咽

萨斯

吞咽运行

我已经在根gulp文件旁边安装了 susy@2.2.2,其中包含以下内容:gem install susy

当前使用 gulp-ruby-sass 的工作设置

但是我确实让它工作了,这证实了 susy 正在通过使用以下代码安装的 gem 工作:

注意上面的代码在使用gulp-ruby-sass@1.0.0alpha' It will only work as I can tell withv0.7.1` 时不起作用

包.json

我如何才能susy正常工作并能够编译成css?

0 投票
2 回答
388 浏览

sass - 如何解决@mixins 命名冲突?

我使用 Zurb Foundation 和 Susy 网格,它们都有一个名为“prefix”的 mixin。我正在使用“凉亭”将它们包含在我的项目中,那么如何在不更改源代码的情况下命名它们?

0 投票
2 回答
6521 浏览

import - Sass importing bower components

I have moved over from COMPASS to Libsass, the speeds are great but I need to use a few bower components to get this working.

It may be a bit pedantic but I have to import my components like this at the top of my scss file.

It's ugly, is there a way to either import them via grunt or alias the files so I could do

0 投票
1 回答
75 浏览

twitter-bootstrap-3 - 如何使用 Susy 进行静态布局?

我正在努力学习 Susy 并用它构建响应式页面。在 Susy 之前,我一直在使用 Bootstrap 网格,并且已经习惯于使用该网格设计网页。当我在 Bootstrap Grid 中进行设计时,我知道列的确切位置并相应地使用该大小的图像。例如,跨越 3 列的图像将是 270 像素宽。我与 Susy 一起努力学习的概念是如何根据所需的列数确定图像的宽度。

简而言之,我想坚持使用静态宽度的旧技术,而不是 Bootstrap 网格,而是使用 Susy。

有没有其他人也面临同样的问题?还是我错过了一些概念?

谢谢

0 投票
1 回答
2062 浏览

gulp - 让 Libsass Gulp Susy 一起工作

在过去的 5 天里,我一直在玩这个,并试图让以下内容一起工作:

但现在我让它工作了,我刚刚去了45s700ms是我觉得我应该分享的东西。

最初的问题

吞咽

萨斯

初始错误

0 投票
1 回答
52 浏览

sass - SUSY - 使用分数作为排水沟

当我在 susy 中使用地图设置网格时

它不喜欢排水沟作为分数,我不得不将其更改为小数。没什么大不了的,但是为什么如果文档说这是怎么做的,它会破坏吗?

http://susy.readthedocs.org/en/latest/settings/

我正在使用 libsass 和通过 bower 安装的 compass-mixins,但我很确定当我使用 compass 运行时会发生这种情况。

0 投票
1 回答
223 浏览

susy-sass - 使用流体网格 susy 自定义列宽

我想知道是否有办法在 susy 上更改列宽,但使用流体布局而不是静态布局。

0 投票
1 回答
818 浏览

gulp - 带有 susy 和 sourcemaps 的 Gulp-sass

我试图让 Susy 使用 gulp-sass (libsass) 和源映射。问题似乎是源图,因为没有它们,一切都可以正常工作。我尝试将 IncludePaths 添加到 Sass 任务中,但这没有帮助。Susy 与 Bower 一起安装并位于 assets/bower_components/susy 中。

我得到的错误如下所示:

对不起,可怕的格式(Windows上的Bash ..)。

我的 Gulpfile 看起来像这样:

有任何想法吗?

0 投票
2 回答
697 浏览

laravel - Laravel Gulp Elixir 与 Sass 并包括库

我刚开始使用 Laravel 5.0 并注意到它安装了 Gulp 和它自己的名为 Elixir 的库。看起来不错,但是我在包含诸如 Susy 和 Breakpoint 之类的库来运行它时遇到了麻烦。

在典型的 Gulp 设置中,我会使用 gulp-ruby-sass 在我的样式任务中将其管道化:

但是,我无法用 Elixir 做类似的事情。有没有人遇到过解决方案?

目前我的 gulp 文件中的 Elixir 风格任务是这样的:

任何建议将不胜感激。

谢谢!

0 投票
1 回答
115 浏览

css - 如何使用 Susy v2 将元素的高度分配为其宽度的比率

我有两个宽高比(1:1 和 16:9),根据页面布局,在 12 列网格中可能占据 4、8 或 12 列。例如,如何将设置的值传递span(4 of 12)给同一元素的高度?

这里已经提出了一个非常相似的问题。我已经尝试根据我的需要调整它,创建一个 mixin 来计算值,但无济于事。它还引用了fluid-ratio导致 404 页面的 mixin 的文档。这个问题显然是指 Susy v1,我正在使用 v2。所以我很难过。