问题标签 [libsass]

我有以下 SCSS：

我期待以下CSS：

但是当我使用 gulp-sass 编译它时，我得到了这个：

对于本地 HTML/Sass/Css 开发，我们使用 libsass（通过 Grunt）将 Sass 文件编译为 Css。Css 背景图像 URL 是相对于根目录的。

萨斯

我们想在为生产服务器编译时更改 URL 以使用 CDN：

是否有一些解决方案可以将命令行参数传递给 Sass，以便 Sass 可以使用 Sass@IF将相对于根的 URL 切换为硬编码的 CDN，例如 URL。就像是：

命令行：

萨斯

然后 Sass 检查是否给出了命令行参数：

然后所有 IMG url 将使用 CDN URL。

我有一个设置，我使用 Libsass + SASSC编译 SASS 文件（比常规的 ruby​​ 编译器快得多）。它工作得很好，但我无法生成 SourceMap。

当前版本的 SASSC 中的帮助 (./sassc/bin/sassc -h) 表示，如果要发出 SourceMap，则需要使用“-m，--sourcemap”参数，但是不会生成源映射。

我发现这个问题被标记为已解决，但我还是有问题。

任何帮助将不胜感激 ：）

我正在尝试制作一个以我的类名为前缀的 sass 函数，例如：

所需的输出：

我试过的：

但我得到一个错误

@return 第 14 行第 9 列之后的错误读取值。

有什么建议么？

I was struggling with setting up libsass as it wasn't as straight-forward as the Ruby based transpiler. Could someone explain how to:

1. install libsass?
2. use it from command line?
3. use it with task runners like gulp and grunt?

I have little experience with package managers and even less so with task runners.

这可以做到吗？我研究了 susy、jeet、singularity 等。我正在使用最新版本的 libsass。如果我切换到 Ruby，我可能会有更多选择。

我喜欢 susy，但对于我的下一个项目，我需要固定的排水沟（将它们设置为 px）。

欢迎提出建议！

我有一个关于 Foundation5 设置和相关发布工作流程的基本问题。我正处于创建更好的本地开发到发布工作流程的学习曲线上，所以请多多包涵……

目前，我创建 F5 Compass 项目；简单明了，但缺乏程序化的缩小、连接、（CSS）清理等。LibSass 项目和类似的过程似乎很容易提供这些功能。

我的问题，基本上，如果这是正确的，如果不是，如何将这些功能添加到 Compass 项目中？我问这个只是因为我有现有的 Compass 项目正在开发中，可以使用上述实用程序，而且如前所述，我想总体上构建一个更好的方法。

可以想象，我可以将现有的 Compass 项目（ModX 的本地实例）迁移到 LibSass，但我确信这会带来一些麻烦。

提前感谢您的意见。

我在让 libsass 编译 SASS 文件时遇到问题。我可以让它编译 SCSS 文件就好了。

我有一个 Flask 应用程序并且我已经安装了libsass并且我正在使用 libsass 绑定sass。它运行良好，但缺少一些功能——它不能编译 SASS，但它可以编译 SCSS。这是我所做的：

在我的 applicaiton.py 文件中，我有

我的两个测试文件是test_scss.scss，它们有效：

并且test_sass.sass：

文档说sass.complie可以接受 SASS 代码，但我只能让它接受 SCSS 代码。也就是说，当我运行我的应用程序时，只有.scss文件被编译为 CSS。运行后我的应用程序的目录结构sass.compile是：

• 客户
  • css
    • 应用程序.css
    • test_scss.css
  • 库
  • 粗鲁的
    • test_sass.sass
    • test_scss.scss
• 服务器
  • 模板
  • 应用程序.py

有人建议我将 SASS 文件重命名为带有.scss扩展名的文件。喜欢test_sass.scss：'

但是，当我这样做时，我只会收到以下错误：

我想使用 SASS，并且不希望满足于 SCSS。有没有人有什么建议？我觉得sass 文档中有一些我误解的东西。

情况

我正在使用 Visual Studio 2015 中的 FTP（使用 Web 编译器和 Web Essentials）在远程服务器上的网站上工作，但我无法弄清楚如何导入_bootstrap.scss自己的.scss文件。

我在远程服务器上的文件设置如下：

-bootstrap-sass
 +fonts
 +images
 +javascripts
 -stylesheets
   +bootstrap
     _bootstrap.scss
     main.scss

引导文件夹中的所有正确文件都在那里，包括_variables.scss.

当我在编辑main.scss并按下 CTRL-S 进行保存时，WebCompiler 会自动编译到main.css该文件并将该文件上传到服务器。我知道那行得通。

问题

@import "bootstrap";当我在 中包含该行时main.scss，它无法编译并给我错误：

(WebCompiler) 错误：找不到要导入的文件或无法读取：bootstrap\variables

所以它基本上是失败的那部分_bootstrap.scss说：@import "bootstrap/variables";。我不知道如何让这个导入正常工作，而且到目前为止我发现的每个资源都依赖于 Ruby、Compass 或 Bower。我没有使用任何这些（除了使用 Ruby 在我的机器上安装 SASS，但我认为 VS2015 中的 WebCompiler 无论如何都会处理这个问题），我只是在使用 SASS 并尝试编译它。

我是 Meteor 和 Sass 的新手。如果这是一个有明显答案的问题，我深表歉意。

查看sass的基础知识。

我看到了一些很酷的特性，比如扩展类和使用部分。但我很好奇如何将这些功能与 Meteor 集成。

Meteor 不会自动压缩和连接你所有的 CSS 吗？那么真的需要partialsor@import吗？

我的第二个问题是关于组织你的文件。

假设我有一个 css 类：.overlay并且我想创建一个名为blahextends的类overlay，但blahandoverlay位于不同的文件中。如果我不使用（因为 Meteor 正在为我做这件事）我是否应该通过将声明的文件放入 at或是否有一些我应该修改的配置文件来import确保overlay该类出现在我的类之前？blahoverlayclient/lib