Add line breaks before nested selectors when running CSSComb in Sublime Text

README.md

Problem

At Sprout, we use CSSComb to sort our declarations and conform our SCSS to our guidelines. One rule that CSSComb can't enforce for us automatically, however, is a line break before a nested selector. Let's fix it in Sublime Text.

How it works

• Install plugin RegReplace
• Install plugin Chain Of Command
• Merge files from this gist to your Packages/User directory

Now, CTRL-SHIFT-C will run CSSComb and add extra linebreaks before nested selectors. NEATO.

Default (OSX).sublime-keymap

[
  {
    "keys": ["ctrl+shift+c"],
    "command": "chain",
    "args": {
      "commands": [
        ["css_comb"],
        ["reg_replace", {"replacements": ["css_spaceout", "css_spacein"]}]
      ]
    }
  }
]

reg_replace.sublime-settings

{
    "replacements": {
        "css_spaceout": {
          "find": ";\\n(\\s+[&\\-\\.#\\w:,\\>\\s\\+]+\\s+\\{)",
          "replace": ";\\n\\n\\1",
          "greedy": true,
          "case": false
        },
        "css_spacein": {
          "find": "\\n\\n\\n+",
          "replace": "\\n\\n",
          "greedy": true,
          "case": false
        }
    },
    "selection_only": true
}