@use "sass:math" 等内置模块、@mixin / @function / @each / @if、math.div、模块化的颜色与字符串函数。不能 @use / @import 其它文件(这里只有一个输入框),@debug 和 @warn 的输出会显示在下方。在浏览器里把 SASS / SCSS 编译成 CSS,不需要装 Node、Webpack。用的是现行的 Dart Sass(Sass 官方主实现,1.104.1)本地编译,和你项目里用的 sass 命令是同一个编译器。
粘 SCSS(或缩进式 Sass),默认「实时编译」,改动后自动出结果;也可以点「转换为 CSS」。
{ } ; 按 SCSS,否则按缩进语法;识别错了可手动指定。/ 除法、@import)也会列出。@mixin / @include、@function、@if / @each / @for / @while、Map、占位选择器 % 与 @extend、插值 #{},以及 @use 内置模块:sass:math(如 math.div)、sass:color、sass:string、sass:list、sass:map、sass:meta、sass:selector。@use / @forward / @import 其它文件——页面只有一个输入框,没有文件系统,遇到会报「浏览器里需要自定义 importer」;需要多文件请在本地用 sass 命令。@use 和内置模块;现在换成 Dart Sass 后这些都能用,新旧版本对除法等的处理也不同(Dart Sass 里用 math.div,直接写 / 会给出弃用提示)。相关:CSS 格式化 · CSS 单位换算 · Less 编译 · 颜色选择 · CSS 特效。
使用 Dart Sass 编译,支持 @use 内置模块;不能引用其它文件;首次加载约 3 MB 编译器。