Question

我正在使用SublimeSaveOnBuild。当我的scss文件编译为css时，生成的代码会显示这样的右大括号：

.content {
    padding-left: 10px; }

我希望以传统格式生成右括号：

.content {
    padding-left: 10px; 
}

有没有人知道如何自动完成此操作，因此它会在每条选择器上使用右括号编译闭合括号？

Answer 1

有一个名为style的Sass设置控制输出的外观。默认为nested，这就是您所看到的：只需将其切换为expanded即可获得您想要的更传统的外观。

请参阅the documentation，找到更改设置的正确方法。

以下是文档中的示例，说明了它的外观：

// nested
#main {
  color: #fff;
  background-color: #000; }
  #main p {
    width: 10em; }

// expanded
#main {
  color: #fff;
  background-color: #000;
}
#main p {
  width: 10em;
}

Answer 2

如果你正在使用Grunt，添加这样的选项可能会有所帮助（使用grunt-contrib-sass）：

sass: {
      dist: {
        options: {
            style: 'expanded'
        }, 
        files: {
            'style.css' : 'sass/style.scss'
        }
      }
    }

Sublime Text 2 Sass Closing Brace

2 个答案: