Less.css代码格式
我想用类似于Bootstrap如何按列进行编码的方式来格式化我的Less样式表。我不知道我的语言是否正确,所以我附上了我要找的东西的截图: 目前,我使用Sublime文本或Visual Studio代码,或者,我想Vim有时也会使用,但我在前两种代码中使用了大部分代码。我可以手动完成,但这是一件痛苦的事 我也尝试过Sublime插件,但我没有取得任何进展Less.css代码格式,less,visual-studio-code,sublimetext,code-formatting,Less,Visual Studio Code,Sublimetext,Code Formatting,我想用类似于Bootstrap如何按列进行编码的方式来格式化我的Less样式表。我不知道我的语言是否正确,所以我附上了我要找的东西的截图: 目前,我使用Sublime文本或Visual Studio代码,或者,我想Vim有时也会使用,但我在前两种代码中使用了大部分代码。我可以手动完成,但这是一件痛苦的事 我也尝试过Sublime插件,但我没有取得任何进展 我一直在寻找如何做到这一点,但我承认我可能遗漏了一些明显的东西。我很想给Bootstrap开发人员发电子邮件,询问他们是如何做到的。不会太难
我一直在寻找如何做到这一点,但我承认我可能遗漏了一些明显的东西。我很想给Bootstrap开发人员发电子邮件,询问他们是如何做到的。不会太难吧?有几个扩展旨在解决这个问题。我刚刚安装了最流行的Align,然后复制了我能从中找到的第一个更少的代码 然后,我选择了代码并使用align命令,得到了以下结果: 其他一些扩展可能不需要您首先选择文本,或者可能采用不同的格式,所以不要害怕尝试它们 如果你问是否有一个内在的方法来做这件事,但据我所知
@base: #f938ab;
.box-shadow(@style, @c) when (iscolor(@c)) {
-webkit-box-shadow: @style @c;
box-shadow: @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
.box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box {
color: saturate(@base, 5%);
border-color: lighten(@base, 30%);
div { .box-shadow(0 0 5px, 30%) }
}