我有一些SCSS文件的缩进已经设法搞定了。
我尝试过Edit > Line > Reindent
并更改各种缩进设置,但似乎都没有正常工作。
是否有一致的方法来重新缩进SCSS文件?
我所看到的例子:
[role="main"] {
margin: 0 auto;
padding: 30px;
h1 {
text-align: center;
font-family: 'Exo';
font-weight: 200;
font-size: 3.5em;
margin: 8px 0 20px 0;
}
}
.hidden {
display: none;
}
.button, button {
@include button;
&.red {
@include button($red);
}
}
这种情况发生在成千上万行的SCSS中...我宁愿不必手动正确缩进。
答案 0 :(得分:11)
选择所有内容,然后多次按 Ctrl - [(Unindent)删除所有原始缩进。然后,使用Edit -> Line -> Reindent
,它应该很好地工作。您的示例代码为我生成了这个:
[role="main"] {
margin: 0 auto;
padding: 30px;
h1 {
text-align: center;
font-family: 'Exo';
font-weight: 200;
font-size: 3.5em;
margin: 8px 0 20px 0;
}
}
.hidden {
display: none;
}
.button, button {
@include button;
&.red {
@include button($red);
}
}