Sass 博客
第 4 页,共 9 页
-
LibSass 已 弃用
2020 年 10 月 26 日发布,作者 Natalie Weizenbaum
经过 Sass 核心团队的充分讨论,我们得出结论,是时候正式宣布 LibSass 及其构建在其之上的包(包括 Node Sass)已弃用。几年来,很明显 LibSass 背后的工程带宽不足以使其与 Sass 语言的最新发展保持同步(例如,最近的新语言功能是在 2018 年 11 月 添加的)。尽管我们希望看到这种模式扭转,但即使是 LibSass 长期贡献者 Michael Mifsud 和 Marcel Greter 的出色工作也无法跟上 CSS 和 Sass 语言发展的快节奏。
我将在下面详细介绍这意味着什么,但以下是主要 要点
-
我们不再推荐 LibSass 用于新的 Sass 项目。使用 Dart Sass 代替。
-
我们建议所有现有的 LibSass 用户制定计划,最终迁移到 Dart Sass,所有 Sass 库也制定计划,最终放弃对 LibSass 的支持……。
-
-
征求意见:HWB 函数
2020 年 10 月 7 日发布,作者 Natalie Weizenbaum
CSS 工作组最近在 颜色级别 4 规范中做出了各种激动人心的工作,Sass 团队也开始考虑如何将这些酷炫的新功能集成到 Sass 的颜色模型中。我们需要更多时间来完善像 Lab 颜色空间这样的复杂功能的准确设计,但这并不意味着我们不能添加一些新的颜色 好东西。
今天我们宣布一项针对一项此类功能的提案:为 HWB 颜色内置 Sass 函数!一旦这项提案(由 Sass 核心团队成员 Miriam Suzanne 起草)被接受并实施,您将能够使用 HWB 语法编写颜色,并像调整颜色的饱和度和亮度一样调整其白色度和黑色度 。
函数函数永久链接
以下是该提案添加的新的和改进的函数
color.hwb()
color.hwb() 永久链接color.hwb()
函数使用色调、白色度和黑色度定义颜色。与现有的rgb()
和hsl()
函数一样,它可以使用 … -
征求意见:嵌套映射 函数
2020 年 9 月 16 日发布,作者 Natalie Weizenbaum
随着 Sass 库和设计系统变得越来越复杂,并且拥有更多具有不同需求的用户,它们往往需要共享和覆盖配置和设计令牌。这种配置通常是分层的,最终被表示为包含映射的映射,这些映射又包含更多映射。到目前为止,Sass 的映射函数并没有真正让这种嵌套映射结构易于使用。但随着由 Sass 核心团队成员 Miriam Suzanne 编写的最新语言提案,这种情况正在改变。
该提案扩展了现有的映射函数,并添加了一些新函数,使处理嵌套映射比以前容易得多。它基于出现在网络上各种 Sass 项目中的辅助函数,将最佳实践融入语言 本身。
函数函数永久链接
以下是该提案添加的新的和改进的函数
map.get()
和map.has-key()
map.get() 和 map.has-key() 永久链接map.get()
和map.has-key()
函数现在都接受任何数量 的… -
模块系统已 启动
2019 年 10 月 2 日发布,作者 Natalie Weizenbaum
Sass 团队多年来一直知道
@import
规则(Sass 最早添加的功能之一)并不像我们想要的那样好。它给我们的 用户带来了很多问题-
几乎不可能弄清楚给定的变量、mixin 或函数(统称为“成员”)最初是在哪里定义的,因为在一个样式表中定义的任何内容都可用于在该样式表之后导入的所有样式表 。
-
即使您选择显式导入定义了您使用的成员的所有样式表,您也会最终得到重复的 CSS 和奇怪的副作用,因为样式表每次被导入时都会从头开始重新加载 。
-
使用简洁简单的名称并不安全,因为始终存在应用程序中其他地方的某个其他样式表使用相同名称并弄乱您的逻辑的可能性。为了安全起见,用户必须手动将冗长、笨拙的命名空间添加到他们定义的所有内容 。
-
库作者无法确保他们的私有辅助程序不会被下游 用户访问,…
-
-
模块系统 预览
2019 年 9 月 4 日发布,作者 Natalie Weizenbaum
Sass 粉丝们,好消息!经过一年的开发和规范的一些迭代,我们准备发布新的 Sass 模块系统的测试版预览!我们可能会根据用户反馈进行一些最后的调整,所以请不要在生产环境中使用它,但请务必抓住这个机会试用一下,让我们知道您的想法 。
安装预览版安装预览版 永久链接
预览版发布在所有正常的发布渠道上,版本号为
1.23.0-module.beta.1
。您可以从 GitHub 发布页面 下载它,或者使用以下命令之一安装它(取决于您首选的安装 渠道)$ npm install --save-dev sass@1.23.0-module.beta.1 $ npm install -g sass@1.23.0-module.beta.1 $ brew install sass/sass/sass@1.23.0-module.beta.1 $ choco install sass --version 1.23.0.modulebeta-1 $ pub global activate sass 1.23.0-module.beta.1
请注意,1.23.0 可能并非稳定模块系统发布的最终版本号,它只是 Dart Sass 发布 系列中的下一个次要版本号……。