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); }