Sass 博客

第 1 页，共  9 页

  • Sass 颜色空间 & 广色域  颜色

    发布于 2024 年 9 月 11 日，作者：Miriam  Suzanne

    广色域颜色即将登陆  Sass！

    我应该澄清一下。像 oklch(…) 和 color(display-p3 …) 这样的广色域 CSS 颜色格式，自 2023 年 5 月以来，已经在所有主流浏览器中可用。但即使在那之前，这些新的颜色格式也允许在 Sass 中使用。这是我最喜欢的 Sass 功能之一：大多数新的 CSS 可以直接使用，无需任何“官方”支持或更新。当 Sass 遇到未知的 CSS 时，它会将该代码传递给浏览器。并非所有内容都需要进行  预处理。

    通常，这就是我们需要的全部。当级联层和容器查询在浏览器中推出时，Sass 无需做任何额外工作。但新的 CSS 颜色格式略有不同。由于颜色在 Sass 中是第一类数据类型，因此我们并不总是希望按原样传递它们。我们通常希望在颜色传递到浏览器之前对其进行操作和管理。  

    您是否已经了解了有关颜色空间的所有知识？跳过新的 Sass 功能！

    颜色格式的权衡 颜色……

  • Node Sass 已   停用

    发布于 2024 年 7 月 24 日，作者：Natalie  Weizenbaum

    Node Sass 终于退役了。这个 Node.js 的 LibSass 包装器是 JavaScript 生态系统中第一个可用的官方 Sass 编译器，并且在 Sass 超越其发源地的 Ruby 社区范围方面发挥了重要作用，但它已经一年半没有发布新版本了，最近一批维护者也没有足够的带宽来继续更新它。  

    npm 包 已标记为已弃用，并且 GitHub 存储库 已归档，以减少对哪些 Sass 存储库仍在开发中的混淆。如果您仍在使用 Node Sass，我们强烈建议您抓住这个机会迁移到主要实现 Dart Sass。

    Node Sass 使用的 LibSass 实现仍然已弃用，但尚未停用，因为其维护者 Marcel Greter 继续偶尔进行修复。但是，目前没有官方支持的方法可以从  Node.js 使用此实现。

    我想借此机会感谢所有使用  Node… 的人。

  • 宣布 `pkg:`  导入器

    发布于 2024 年 2 月 16 日，作者：Natalie  Weizenbaum

    几个月前，我们 征求了关于一个新的导入器标准提案的反馈，该提案可以使用共享的 pkg: 方案从各种不同的包管理器中加载包，以及一个内置的 pkg: 导入器，该导入器支持 Node.js 的模块解析算法。今天，我很高兴地宣布，此功能已在 Dart Sass  1.71.0 中发布！

    您不再需要手动将 node_modules 添加到您的 loadPaths 选项中，也不必担心嵌套的包是否能正常工作。您不再需要在 URL 中添加 ~，也不必放弃所有可移植性。现在您只需传递 importers: [new NodePackageImporter()] 并编写 @use 'pkg:library'，它就可以按您期望的那样直接使用。  

    什么是 pkg: 导入器？什么是 pkg: 导入器？ 永久链接

    您可以将 pkg: 导入器视为一种规范，任何人都可以通过编写一个遵循 自定义导入器 来实现它，该导入器遵循 一些规则。我们已经为 Node.js 模块算法实现了一个，但您可以实现一个用于加载  Sass… 的导入器。

  • 征求意见：包  导入器

    发布于 2023 年 9 月 26 日，作者：James Stuckey  Weber

    Sass 用户经常需要使用依赖项中的样式来自定义现有主题或访问样式实用程序。从历史上看，Sass 没有指定使用依赖项中的包的标准方法。这导致了各种特定于域的解决方案，包括 Webpack 中的 ~ 前缀，以及将 node_modules 添加到 loadPaths 中。

    这是一个常见的痛点，它可能使依赖项难以使用。它还可能使将项目迁移到新的构建  过程变得更加困难。

    包导入器 包导入器永久链接

    我们建议一种新的导入器类型，它允许用户使用 pkg: URL 方案来指示 Sass 使用特定  环境的解析标准和约定来解析依赖项 URL。

    为了解决最大的用例，我们建议为 Node 生态系统构建一个内置的包导入器。我们建议包作者为其分布式 package.json 中的包的入口点定义一个 sass 条件导出。例如，包含以下内容的 package.json：…

  • 浏览器中的 Sass  

    发布于 2023 年 7 月 7 日，作者：Natalie  Weizenbaum

    在 Sass 的整个生命周期中，我们见证了我们在浏览器中采用的许多开创性功能。 CSS 变量、 数学函数，以及最近的 嵌套 都是受 Sass 启发的。但是，在浏览器中运行Sass 本身作为编译器是不可能的……直到  现在。

    随着 Dart Sass 1.63 的发布，我们正式在 sass npm 包中添加了直接在浏览器中运行的支持。游乐场或 Web IDE 的创建者不再需要进行服务器调用来编译他们的 Sass。现在您只需将其加载并直接在您的页面上使用它。  

    事实上，您可以立即试用它！只需打开开发者控制台并运行  这段代码

    const sass = await import('https://jspm.dev/sass');
sass.compileString('a {color: #663399}');

    我还可以在哪些地方使用它？我还可以在哪些地方使用它？ 永久链接

    我们尽力确保在浏览器中使用的 Sass 尽可能多地以各种方式使用。它可以  …

下一页