问题标签 [libsass]

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 回答
95 浏览

sass - 使用&符号时如何定位语法父级?

我正在尝试删除我的 scss 选择器中的一些重复项。

我试着像这样重写它:

但是,这会导致.is-active应用于.container而不是.row

使用&符号时如何定位语法父级?

0 投票
6 回答
39177 浏览

twitter-bootstrap - 如何使用 yarn 安装 bootstrap 4 - libsass 库

我正在尝试将纱线用于我的最新项目。如何安装 bootstrap 4 - 使用 yarn 的 libsass 库

0 投票
1 回答
85 浏览

node.js - ember-cli-scss 使用 SASS 列表和地图编译错误

给定一个ember-cli带有ember-cli-scss插件的应用程序和以下包含地图的 SCSS 代码:

编译器抛出错误Error: ("lighten-5": #fafafa, ...) isn't a valid CSS value.

node-sass将版本更改为3.13.0通过添加node-sasspackage.json传递node-sass给应用程序配置:

错误仍然发生。

我确信node-sass带有该配置的 ember-cli-scss 将使用 3.13.0 版本。

node-sass3.13.0 使用libsass3.3.6。从 3.1 开始支持地图。

为了解决这个问题,还有其他事情要做吗?

0 投票
1 回答
960 浏览

msbuild - MSBuild LibSass 错误

使用 gulp-sass 将 Sass 文件编译到本地 css 没有问题。在构建机器上,安装了节点模块,并且在编译 .net 代码时出现错误:

node_modules\node-sass\src\libsass\win\libsass.sln.metaproj:指定的解决方案配置“debug|any cpu”无效。请使用配置和平台属性(例如 MSBuild.exe Solution.sln /p:Configuration=Debug /p:Platform="Any CPU")指定有效的解决方案配置,或将这些属性留空以使用默认解决方案配置。

我只想能够将我的 sass 编译成 css。我宁愿不在构建服务器上安装 Ruby。

0 投票
0 回答
80 浏览

sass - SASS、SCSS:预编译 mixins 和函数?Aka 删除指南针要求或有选择地编译 mixins 和函数

我有一个用 Compass 制作的非常大的项目。该项目需要大量时间来编译(1 到 2 分钟),因为它使用 Ruby 版本进行编译(这是必要的,因为某些自定义扩展从未翻译为具有 libsass 兼容性)。

我将尽量使问题简短,但总而言之:

  1. 我已经设法将大部分项目转换为 libsass
  2. 通过使用这里的解决方案,我已经成功地进入了这个过程
  3. 这个应该是增加了对指南针的图像功能的支持,但是生成的编译文件太大以至于无法使用

为了摆脱这个地狱,我想我可以简单地让 SASS 编译器只处理一些 mixins 和一些函数,这样我就可以挑选编译,制作一个只编译了指南针相关函数和 mixins 的新 SCSS 文件所以我最终得到了一个干净的 SCSS 文件,我可以从中重新开始。

虚拟示例:

通过这个例子,我想知道是否有一种方法可以只编译 image-width 和 image-height 函数或任何其他选定的 mixin。我想结束的,来自上面的例子:

这样,我可以用真正的静态值清理我的 SCSS,删除计算和 Compass 要求,而不会弄乱文件结构和变量。

非常感谢!

0 投票
1 回答
522 浏览

node-sass - Metalsmith 和 Metalsmith-sass 配置

我正在尝试让我的金属匠网站使用 Sass,以便我可以将 Foundation 用于网站。我已经成功地让我的网站构建和使用浏览器同步,但不幸的是我的 .scss 文件没有转换为 css。

下面是我的 build.js 文件,我当前的“src”文件结构是这样的。谁能看到我做错了什么。浏览了至少 20 个文件和 tuts,但一无所获,谢谢。

  • 源代码
  • 资产
    • css
    • 图片
    • 脚本
  • html
  • 部分
  • scss
    • _settings.scss
    • _custom.scss
    • 应用程序.scss
  • 模板

    /li>
0 投票
1 回答
1938 浏览

sass - 如何在我的 Webpack sass-loader 配置中指定 SCSS 的资源根目录?

说我有类似的东西:

在我的 webpack 配置中,我有一个app/包含所有 SCSS 和 JS 文件的子文件夹。

目前要导入 SCSS 部分,我必须@import 'app/whatever/my_partial';让它被识别。

如何将加载程序设置app/为这些文件的资源根,这样我就可以说@import 'whatever/my_partial'

这是 Webpack 2.x 顺便说一句。

非常感谢您聪明人的任何帮助!

0 投票
1 回答
823 浏览

asp.net - BundleTransformer LibSass 找不到错误

我想使用BundleTransformer。我已按照文档中所述的所有步骤进行操作,但仍然无法正常工作。

我已经安装了:

  • BundleTransformer.SassAndScss
  • BundleTransformer.Autoprefixer
  • LisSassHost
  • LibSassHost.Native.win-x64
  • JavaScriptEngineSwitcher.V8

这是我的配置:

并注册 V8 引擎:

经过一些固定的麻烦,我的最后一个错误是:LibSass 错误

我认为这与以下内容有关:

为了使 LibSass 主机正常工作,需要 Visual C++ Redistributable for Visual Studio 2015 中的 msvcp140.dll 程序集。

但是,我不知道如何要求该 dll。

或者确实我不知道真正的问题在哪里,如果有人可以提供帮助,我将不胜感激。

0 投票
0 回答
42 浏览

python - Libsass 错误:UnicodeEncodeError:“ascii”编解码器无法编码字符

将我在 VM 中的 ubuntu 升级到 14.04 后 - 我开始在 pyCharm 中收到此错误

UnicodeEncodeError: 'ascii' codec can't encode character u'\ue94b' in position 66818: ordinal not in range(128)

它来自 libsass 试图编译带有图标的 scss 文件夹。在我升级到 14.04 之前,这样做没有问题。

0 投票
1 回答
364 浏览

python - 如何将 libsass 配置变量传递到 flask_assets 包中?

我的目标是LIBSASS_STYLE="expanded"通过flask_assets.Bundle. webassets libsass 文档说我可以做到,但没有说明如何做到。

我的基本应用控制器如下所示。

这会输出一个有效的 css 文件(这很棒),但不是我想要的格式,因为我根本不知道我可以在哪里滑动任何 libsass 选项。

非常欢迎对此问题的任何帮助。谢谢!