Перейдите в пункт меню Preferences - Key Bindings и разместите в секции User следующий код:
{ "keys": ["enter"], "command": "insert", "args": {"characters": "\n\t"}, "context":
[
{ "key": "setting.auto_indent", "operator": "equal", "operand": true },
{ "key": "selection_empty", "operator": "equal", "operand": true, "match_all": true },
{ "key": "preceding_text", "operator": "regex_contains", "operand": "\\{$", "match_all": true },
{ "key": "following_text", "operator": "regex_contains", "operand": "^\\}", "match_all": true },
{ "key": "selector", "operator": "equal", "operand": "source.css" }
]
}
Это изменение приведет к тому, что после нажатия клавиши enter в css файле у вас помимо переноса строки будет добавляться символ табуляции. При нажатии на
{
поведение будет аналогичным. Как в случае пустых скобок:
.test {
}
Так и в случае с автоматической подстановкой скобок:
.test // нажимаем здесь {
width: 40px;
.test {
width: 40px;} // автоматически подставляется }