SCSS格式化/压缩

SCSS格式化和SCSS压缩,支持SCSS在线编辑、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); }