第一步：请上传有效的SCSS文件，或直接输入SCSS字符串。
第二步：请选择SCSS代码缩进的长度。
加载中...
操作文档
一、SCSS格式化/压缩在线工具使用介绍
SCSS格式化/压缩在线工具，主要用于在线对 SCSS 代码进行格式化和压缩操作，特色是支持文件上传下载，您也可以直接在线编辑 SCSS 代码，SCSS 代码支持语法检测、SCSS 代码自动补全和高亮显示。
二、SCSS格式化/压缩使用示例
Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量、嵌套、混合、导入等高级功能。SASS 3.0 版本之前的后缀名为.sass，而 SASS 3.0 版本之后的后缀名是.scss。
2.1、SCSS 格式美化示例
/* 试试吧代码示例 */
$sidebar-color: #fff;
$sidebar-width: calc(540px + 10%);
.sidebar {
color: $primary-color;
width: $sidebar-width;
padding-left: calc($sidebar-width / 4);
}
2.2、SCSS 在线压缩示例
首先，上传或输入任意有效的 SCSS 文档，选择缩进长度，然后，点击 SCSS压缩，SCSS 压缩示例：
$sidebar-color: #fff; $sidebar-width: calc(540px + 10%); .sidebar { color: $primary-color; width: $sidebar-width; padding-left: calc($sidebar-width / 4); }