它是一个SCSS/SASS 代码的“翻译器”。
SCSS 和 SASS 是两种写 CSS 的“高级写法”，能用变量、嵌套、mixin（函数）、继承等特性，让样式代码更好写、更好维护。但浏览器只认普通 CSS，所以写完后得“编译”一遍。
SCSS 和 SASS 语法略有不同：
SCSS：像 CSS 一样用大括号 {} 和分号 ;
SASS：严格缩进，不用大括号和分号
这个小工具两种都支持，用的是 Dart Sass（Sass 官方引擎），编译结果和官方一致。
主要能做什么？
SCSS / SASS 双语法支持：下拉框切换，自动适配。
实时自动转换：默认开着，改一个字符，结果马上更新。
两种输出样式：
规范展开（Expanded）：带缩进换行，方便阅读
极致压缩（Compressed）：去掉空格换行，体积最小
加载进度条：引擎加载时显示百分比，心里有数。
实时统计：源码字符数、输出字节数。
语法错误提示：编译失败会告诉你第几行、第几列出错。
示例代码：点一下自动填入 SCSS 或 SASS 示例（跟着当前语法走）。
复制 CSS：一键复制结果。
清空重置：一键清空。
适合谁用？
前端开发者：写 SCSS/SASS 时快速验证编译结果。
网页设计师：不装编译工具，直接看编译出来的 CSS。
学 Sass 的人：边写边看结果，理解变量、嵌套、mixin 怎么变成 CSS。
接手老项目的人：把 SCSS 源码转成 CSS 看结构。
写教程的人：做示例时快速生成 CSS。
任何需要 SCSS/SASS 转 CSS 的人：不用装 Node.js、不用敲命令行。
用起来是什么感觉？
打开页面，顶部是一个深色大卡片，写着“在线 SCSS/SASS 转 CSS .scss”，下面状态栏显示 “正在加载 Dart Sass 编译引擎 (0%)...”，还有一根彩色进度条从 0% 涨到 100%。等它变成绿色圆点“Dart Sass 引擎就绪”，就可以用了。
卡片里还有三个控制项：
语法格式：SCSS（带大括号和分号）/ SASS（严格缩进模式）
输出样式：规范展开 / 极致压缩
实时自动转换：勾选框，默认开
中间是编辑区，上下两块：
上面是 SCSS/SASS 源代码，默认已经填了一段带变量、mixin、嵌套的示例代码
下面是 CSS 转换输出，只读，编译好自动出现
每块右上角显示统计：上面是字符数，下面是字节数。
底部四个按钮：
加载示例代码：填入示例（跟着当前语法走）
清空/重置：清空重来
复制 CSS：整段复制
开始编译转换（绿色）：手动触发一次
操作流程就是：
等引擎加载好（第一次打开要等几秒）
上面粘 SCSS 或 SASS 代码
下面几秒内出现编译后的 CSS（实时模式下自动触发）
想压缩就选“极致压缩”
点“复制 CSS”拿走结果
写错了也不怕，下面会显示错误信息，告诉你在哪一行、哪一列出错。
对写 SCSS/SASS 的人来说，比装编译环境、敲命令快多了，打开网页就能用，还用的是官方 Dart Sass 引擎，结果靠谱。