csscomb / sublime-csscomb

Sublime plugin for CSScomb—CSS coding style formatter

DEPRECATED

This version of CSScomb is no longer supported, guys.
We have a new super cool Node.js version instead!

Tool for sorting CSS properties

• Sorts CSS properties into a logical, consistent order
• Allows for custom sorting of CSS properties (set it to whatever order you're accustomed to)
• Parses CSS in style tags and style attributes -- can comb other languages for CSS as well
• Does not change existing formatting of style sheets --target single or multiple lines of CSS
• Separates CSS properties into groups (you can have groups of empty strings, if you want)
• Fully supports CSS2/CSS2.1/CSS3

The CSScomb algorithm simulates a web developer's judgment in ordering CSS styles. You can spend tons of time re-ordering code--moving lines over each other, working around comments in the code, moving multi-line sets of property values, and all sorts of hacking to make your code more readable. CSScomb takes care of these tasks for you. It "thinks" like a person editing the text, not as a blind robot parsing CSS.

CSScomb.com

The Requirements

CSScomb is written in pure PHP, without any external libraries or dependencies. See details at wiki.

Download plugins

• Sublime Text 2 plugin avaliable in Package Control as 'CSScomb'
• TextMate plugin
• Coda plugin
• Coda 2 plugin
• Espresso 2 plugin (How to install)
• IntelliJIDEA plugin
• WebStorm plugin
• PyCharm plugin
• Notepad ++ plugin
• Chocolat Mixin
• Vim Plugin

CLI usage

Available at csscomb.com

% php csscomb.php

CSSComb
Command line tool for resort CSS code.

SYNOPSIS
    $ php csscomb.php -s <file with JSON array> -i <path to input css file> -o <path to result css file>

DESCRIPTION
    options:
    -s, --sort-order    specify file with custom sort order. File must contain JSON data. For detail information run 'csscomb.php --help-sort-order'
    -i, --input         must be directory name or file that needs to be sorted
    -o, --output        sort result file. Use output when input is not a directory name, otherwise output param ignored. If output filename does not exist, the file is created. Otherwise, the existing file is overwritten.

    --help, -help, -h, -? or no options will print this man.

EXAMPLE
    csscomb.php -s my-custom-sort-order.json -i css/style.css -o css/style-resorted.css

EXAMPLE 2
    csscomb.php -i some_directory_name

Twitter

@csscomb

sublime-csscomb's Issues

CSSComb работает не на той конфигурации

В Sublime Text 3 установил CSSComb, всё работало нормально. Потом решил поиграться с конфигурацией и что-то пошло не так — оптимальный вариант расчёски оказался сбит. Удалил все файлы конфигураций, которые нашел, переустановил — ничего не помогает. В папку /home/ кладу разные csscomb.json — всё равно причёсывает одним вариантом.

space-after-declaration with Less functions

Hello!

I just discovered CSScomb and I love it! 😃

I have implemented it in one of my projects working with Less and I have seen that my Less functions aren't correctly indented in Sublime Text 3.
Example :

.class{
    background-color:#FFF;
    border:none;.border-radius(0);
    color:#000;
}

I thought space-after-declaration would be working but it's not the case.
Is there a way to solve that?
(I don't care if functions are at the beginning / the end or sorted by the first letter)

Here is my current configuration :

{
    "color-case": "upper",
    "block-indent": "\t",
    "color-shorthand": true,
    "element-case": "lower",
    "leading-zero": false,
    "quotes": "double",
    "sort-order": [],
    "sort-order-fallback": "abc",
    "space-before-colon": "",
    "space-after-colon": "",
    "space-before-combinator": " ",
    "space-after-combinator": " ",
    "space-between-declarations": "\n",
    "space-after-declaration": "\n",
    "space-before-opening-brace": "",
    "space-after-opening-brace": "\n",
    "space-after-selector-delimiter": " ",
    "space-before-selector-delimiter": "",
    "space-before-closing-brace": "\n",
    "unitless-zero": true,
    "vendor-prefix-align": true
}

Thank you!

Doesn't run in .scss files

Is this by design ?

Decode error in Sublime text 3

It doesn't work with my Sublime text 3.
Error infomation from console:

File "C:\Program Files\Sublime Text 3\sublime_plugin.py", line 549, in run_
return self.run(edit)
File "C:\Users\myusername\AppData\Roaming\Sublime Text 3\Packages\CSScomb JS\CSScomb.py", line 28, in run
combed = self.comb(originalBuffer, syntax, config_path)
File "C:\Users\myusername\AppData\Roaming\Sublime Text 3\Packages\CSScomb JS\CSScomb.py", line 52, in comb
sublime.error_message('CSScomb error:\n%s' % stderr.decode('utf-8'))
UnicodeDecodeError: 'utf-8' codec can't decode byte 0xb2 in position 7: invalid start byte

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Breaks when I using '~'

width: calc(~'100% - 225px');

When I use ~ csscombo breaks. I am currently using less.

Sublime setting for combing only current block

After fixing csscomb/csscomb.js#177 we would have an ability to run CSSComb.js for any given block.

It would make sense to add an option (new action, key binding etc.) for handling only the current block, so running this action would comb only the block closest to the cursor.

The current action would be the default one, so it won't break anyone's workflow, but it could ease someone's work.

I can implement it if this is welcomed for this plugin.

csscomb not working for .scss files

I've installed csscomb js into sublime 3 and ctrl+shift+c (or tools>run csscomb js) works fine for .css files but seemingly does nothing (and no console message) within an .scss file.

I know it should work fine with sass because I've used the previous versions with no problems.
It's as if the package only loads for .css files and not others. I wouldn't mind if it loaded for every file type.

Thanks in advance.

Doesn't work with node installed via NVM (No such file or directory: 'node')

I'm running OS X Mavericks, Sublime Text 3.

I have node installed via nvm so the node bin actually sits in /Users/xxx/.nvm/v0.10.26/bin

When CSScomb.py runs env = os.environ.copy(), it gets an super basic environment… not totally sure why, maybe .bash_profile has no effect within sublime?

Anyway, the problem is unless you go and make a symlink in /usr/local/bin for CSScomb to pick up, it's never going to find node when installed via nvm.

If I knew a better way to get the PATH I'd be submitting a pull request. I do figure, however, at the very least you could but this in a "caveats" section in the readme.

This is the root of issue #10

Latest Release Error.

on save i get this error

• Console

error: CSScomb error:

node.js:815
    var cwd = process.cwd();
                      ^
Error: ENOENT, no such file or directory
    at Function.startup.resolveArgv0 (node.js:815:23)
    at startup (node.js:58:13)
    at node.js:906:3

• Alert

Not using config if CSS file not saved

If create new tab in ST3 and not save file on disk, then try to sort CSS in this tab — CSSComb will ignore ~/.csscomb.json and sort with default config. But if /Users/aleks/Library/Application Support/Sublime Text 3/Packages/User/CSScomb JS.sublime-settings has option "custom_config_path": "/Users/aleks/.csscomb.json" it's work fine. (BTW, "custom_config_path": "~/.csscomb.json" throw error.)

v2014.07.23.01.35.56

Doesn't work (error: CSScomb error:)

Ubuntu, sublime text 3. npm installed.
When I press ctrl+shift+c spaces before { are prepended in my code, but nothing else happens. If I open console it outputs:

error: CSScomb error:

Can't run after upgrading to new version

I'm on Sublime Text 3. Ever since I upgraded from the old CSScomb package (pre-"CSScomb JS") via Package Control, the command has been a no-op: When I run the "Run CSSComb JS" command, nothing happens. There is no output in the Sublime Text console.

I've tried removing and re-installing the package through Package Control, with the same result. Package Control installs the package to the directory Sublime Text 3/Packages/CSScomb. I notice that if I go to Preferences -> Package Settings -> CSScomb JS -> Settings - Default, I get the console message

Unable to open /Users/tb/Library/Application Support/Sublime Text 3/Packages/CSScomb JS/CSScomb JS.sublime-settings

That is, the directory it tries to look in for the settings file (CSScomb js) doesn't match the directory that the package was actually installed in (CSScomb). Any idea why this is happening?

Feature: Sorting w/o line breaks and reformatting bracket styles

I have this issue where CSS Comb forces formatting of my brackets... this is pretty inconvenient, in addition to issue #5 with not being able to run CSS Comb on a selection.

Having an option to turn these off would be nice, since nested preprocessor styles (eg: LESS) get all funked up like this:

//
// Navigation - (after CSS Comb)
//
.navigation
{
  // border-top: 2px solid @blue-light;
  margin: 0 0 1rem;
  padding-top: 1rem;

  .active;
  li
{
  display: block;
}
  a
{
  display: block;

  padding: .3rem 1rem;

  text-decoration: none;
  text-transform: capitalize;

  color: @blue-gray;
  border-left: 3px solid @blue-light;
    &:hover
{
  color: @white;
}
}{
    a
{
  color: @white;
  border-left-color: @white;
  background-color: @blue-light;
}
}
}

which really muddies up the readability of my files:

//
// Navigation - (before CSS Comb)
//
.navigation {
  // border-top: 2px solid @blue-light;
  margin: 0 0 1rem;
  padding-top: 1rem;

  li {
    display: block;
  }

  a {
    display: block;
    padding: .3rem 1rem;
    border-left: 3px solid @blue-light;
    text-decoration: none;
    color: @blue-gray;
    text-transform: capitalize;

    &:hover {
      color: @white;
    }
  }

  .active {
    a {
      border-left-color: @white;
      color: @white;
      background-color: @blue-light;
    }
  }
}

Doulbe Spacing after declaration

//original
img.alignright {
    margin: 6px 0 24px 18px;
}

.wp-caption.alignleft {
    font-weight: 400;margin: 6px 24px 18px 0;
}
.wp-caption.alignright {
    font-weight: 400;margin: 7px 0 0 18px;
}
//result with  "space-between-declarations": "\n",
img.alignright {
    margin: 6px 0 24px 18px;
}

.wp-caption.alignleft {
    font-weight: 400;

    margin: 6px 24px 18px 0;
}
.wp-caption.alignright {
    font-weight: 400;

    margin: 7px 0 0 18px;
}

//expected
img.alignright {
    margin: 6px 0 24px 18px;
}

.wp-caption.alignleft {
    font-weight: 400;
    margin: 6px 24px 18px 0;
}
.wp-caption.alignright {
    font-weight: 400;
    margin: 7px 0 0 18px;
}

I tried setting space-after-declaration to various values, no change. Tried dev branch, no change. tried with block indent set to " " or "\t", no change.

Specify config file location

It would be great to be able to specify a config file location. We use a standard config across all of our projects that we use an npm package to update for all of our linters. I'd like to be able to point CSS Comb at the .csscomb.json file in that package instead of having to include it in the root of every project.

Automatic CSSComb on save

It would be useful to have an option to automate Run CSSComb on every save, rather than manually having to invoke the command.

Doesn't work with less string functions

In our project we use a lot of mixins. E.g. :

._shadow(@s) {
  -webkit-box-shadow: @s;
  box-shadow: @s;
} 

When I try to run CSSCombjs for sorting I get error:
http://joxi.ru/CqvcU_3JTJAISJa0Mm8

Could you help me?

Syntax support

Files with the following syntaxes should be treated as CSS:

• https://github.com/i-akhmadullin/Sublime-CSS3

Sublime Text: Does not work when you select a block of text

1. selected a block of code
2. apply hotkey. extra line is added, but no sorting. see attached animated GIF

Mac 10.9.1 ST3 3059 Stable. Nothing logged in console.

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/1519034-sublime-text-does-not-work-when-you-select-a-block-of-text?utm_campaign=plugin&utm_content=tracker%2F214563&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F214563&utm_medium=issues&utm_source=github).

CSScomb plugin for SublimeText doesn't work

I installed plugin, got error when try to use it:

CSScomb error:

/home/philip/.config/sublime-text-3/Packages/CSScomb/node_modules/csscomb/node_modules/csscomb-core/lib/core.js:412
            throw e;
                  ^

Object #<Object> has no method 'existsSync'
CSScomb Core version: 2.0.2

Doesn't run in stylus files

The plugin doesn't run with stylus files. I tried to update CSScomb.py to include a stylus definition as was commented in #7 (comment), but this just brought up an error stating that stylus wasn't supported yet.

csscomb.json not work

Hi, i configured the csscomb.json following your instructions and its work nice, i modified the settings for me, but the next day the configuration stop working, any idea what happend?

Ошибка при media переменных

No sort

After Sublime Text updated the installed version, using ctrl+shift+c CSSComb doesn't sort css instructions within my .less file. Indentation works. I've installed the latest version of CSSComb.js.

Also nested css is still a problem as CSSComb inserts extra newlines.

Throws exception if extended class contains "-" in its name (SCSS)

.paper
{
    @extend .row;
    @extend .small-12;
    position: relative;
   //...
}

will cause:

core.js:412
            throw e;
                  ^

Please check the validity of the block starting from line #848
846 | {
847 |     @extend .row;
848*|     @extend .small-12;

Enforce /n between declarations

I can't seem to figure out how to force a new line between declarations.

given this CSS two declaration groups on a single line

.page_caption h1,.page_caption h2.heading {margin-bottom: 15px;margin-left: 0;font-size: 33px;}.page_caption p {font-size: 20px;}

I expected

.page_caption h1,
.page_caption h2.heading {
    margin-bottom: 15px;
    margin-left: 0;
    font-size: 33px;
}
.page_caption p {
    font-size: 20px;
}

but I get this

.page_caption h1,
.page_caption h2.heading {
    margin-bottom: 15px;
    margin-left: 0;
    font-size: 33px;
}.page_caption p {
    font-size: 20px;
}

my rule set is

   "config": {
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": "\t",
    "color-shorthand": true,
    "element-case": "lower",
    "eof-newline": false,
    "leading-zero": false,
    "quotes": "double",
    "space-before-colon": "",
    "space-after-colon": " ",
    "space-before-combinator": "",
    "space-after-combinator": "",
    "space-between-declarations": "\n\n\n",
    "space-before-opening-brace": " ",
    "space-after-opening-brace": "\n",
    "space-after-selector-delimiter": "\n",
    "space-before-selector-delimiter": "",
    "space-before-closing-brace": "\n",
    "strip-spaces": true,
    "unitless-zero": true,
    "vendor-prefix-align": true
}

Is this a bug, missing feature, by design?

Default settings

Зачем в настройках по умолчанию происходит такой ад?

Есть у меня стили для селектора:

.block {
  display: block;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 11px;
  background: red;
  color: #706f6f;
  text-decoration: none;
  font-style: normal;
  font-size: 13px;
  line-height: 1;
  &:hover {
    color: #f39000;
  }
}

После сортировки он выглядит вот так:

.block
{
    font-size: 13px;
    font-style: normal;
    line-height: 1;

    display: block;

    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 11px;

    text-decoration: none;

    color: #706f6f;
    background: red;
  &:hover
{
    color: #f39000;
}
}

Зачем по умолчанию менять позицию скобок?

Won't work once installed. Broken Pipe error.

Sublime Text 3, Nodejs installed from the official website.

Not sure what I'm doing wrong, the error I get is:

Traceback (most recent call last): File "C:\Program Files\Sublime Text 3\sublime_plugin.py", line 549, in run_ return self.run(edit) File "C:\Users\Jacksane\AppData\Roaming\Sublime Text 3\Packages\CSScomb\CSScomb.py", line 27, in run combed = self.comb(originalBuffer, syntax, config) File "C:\Users\Jacksane\AppData\Roaming\Sublime Text 3\Packages\CSScomb\CSScomb.py", line 49, in comb stdout, stderr = p.communicate(input=css.encode('utf-8')) File "./subprocess.py", line 928, in communicate File "./subprocess.py", line 1206, in _communicate BrokenPipeError: [Errno 32] Broken pipe

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/8388038-won-t-work-once-installed-broken-pipe-error?utm_campaign=plugin&utm_content=tracker%2F214563&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F214563&utm_medium=issues&utm_source=github).

Default "Sort Order" path does not exist

Hi there, I just installed the plugin via package control and following the readme:

Preferences > Package Settings > CSScomb > Sort Order - Default, is not there.

All I have is Preferences > Package Settings > CSScomb > Settings - Default & Settings User. Both of which are empty files.

I have node installed, is there something else I'm missing?

Doesn't seem to work well with less

This really doesn't seem to work well with less when it comes to nested styles, is this a known issue or should it be working?

Error thrown when plugin is used

I have an issue that came from the 1.0 version, i can't “comb” any files, it always throw me an error.

1. I have tried multiple packages for the syntax (looking at other people issues), Sass, Less, Scss & CSS3.
2. I'm using CSScomb on .scss files.
3. I already tried to remove/reinstall the package, even tried on a clean ST3 install.
4. I'm using CSScomb by selecting directives
   

But i still get this error :

CSScomb error:

/Users/sebastien/Library/Application Support/Sublime Text 3/Packages/CSScomb/node_modules/csscomb/node_modules/csscomb-core/lib/core.js:412
            throw e;
                  ^

Please check the validity of the block starting from line #1

1*|             font-size: 40px;
2 |             margin-bottom: 8px;
3 |             user-select: text;

Gonzales PE version: 3.0.0-10
CSScomb Core version: 2.0.2

Any solution?

AttributeError: 'NoneType' object has no attribute 'rfind'

Yosemite 10.10.2
nvm 0.23.3
node v0.10.36
Sublime Text 3 (stable 3065)

I'm getting this error. Couldn't find anything on the issues.

Traceback (most recent call last):
File "/opt/homebrew-cask/Caskroom/sublime-text3/Build 3065/Sublime Text.app/Contents/MacOS/sublime_plugin.py", line 549, in run_
return self.run(edit)
File "/Users/joaocunha/Library/Application Support/Sublime Text 3/Packages/CSScomb/CSScomb.py", line 27, in run
combed = self.comb(originalBuffer, syntax, config)
File "/Users/joaocunha/Library/Application Support/Sublime Text 3/Packages/CSScomb/CSScomb.py", line 41, in comb
folder = os.path.dirname(self.view.file_name())
File "./posixpath.py", line 151, in dirname
AttributeError: 'NoneType' object has no attribute 'rfind'

При сортировки (SCSS) переменных типа: $color-blue-1: #0D99FB;

При сортировки (SCSS) переменных типа:
$color-blue-1: #0D99FB;
$color-blue-2nd: #0091F7;
Ошибка!!!

А в случае же:
$color-blue-one: #0D99FB;
$color-blue3: #0091F7;
$color-blue-f4: #00518A;

без проблем :)
Или это так задумано?

CSScomb error

I am having the same issue with CSS Comb. I added my Node path in the settings like so:

"node-path" : "C:/Program Files (x86)/nodejs/node",

And I added the path in my system variables as well:

C:\Program Files (x86)\nodejs

When I go to run CSS Comb I am still getting the error:

CSScomb error:
'node' is not recognized as an internal or external command, operable program or batch file.

Any more suggestions?

Problems since Sublime3 update

Hey there. I am having trouble with the Sublime3 CSScomb plugin since updating Sublime a couple of days ago. Anyone else seeing this issue? Is there something I can do on my end to fix or troubleshoot?

Ability to write CSSComb.js settings right into ST's preferences

Right now there is only one way to use CSSComb.js' settings — .csscomb.js file.

However, ST's preferences are, in fact, a .json file, so it is possible to include the CSSComb's settings in it.

This would allow for a really flexible usage of CSSComb, as ST's preferences have a lot of override levels: User's preferences, then Syntax-specific preferences, then Project-specific preferences. Users could use different CSSComb settings for different cases and projects.

This would also just make it easier to start using CSSComb, as you wouldn't need to go anywhere from the ST.

As with anything for ST, I can implement this issue if it is ok to have in this repo.

UnicodeDecodeError

CSSComb worked fined for a long time, but now every time I'm trying to run it with Sublime Text 3 on Windows 8.1 x64 I'm getting these errors:

File "G:\Program Files\Sublime Text 3\sublime_plugin.py", line 549, in run_
return self.run(edit)
File "C:\Users\Vlad\AppData\Roaming\Sublime Text 3\Packages\CSScomb\CSScomb.py", line 35, in run
combed = self.comb(originalBuffer, syntax, config)
File "C:\Users\Vlad\AppData\Roaming\Sublime Text 3\Packages\CSScomb\CSScomb.py", line 52, in comb
sublime.error_message('CSScomb error:\n%s' % stderr.decode('utf-8'))
UnicodeDecodeError: 'utf-8' codec can't decode byte 0xad in position 7: invalid start byte

P.S: Changing file's charset to UTF-8 doesn't help.

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Global csscomb settings file?

Is there any way of setting up a global CSSComb config file rather than having to add a .csscomb.json file to every project? I've create a config file that I would want to use as a standardised format and while it's not that difficult to duplicate the config file across projects, it's another thing to think about while setting up a new project.

Thanks!

Sorting attributes removes indentation and adds linebreak

I've recently restarted my computer and I'm assuming that CSScomb was updated along with restarting ST3. Sorting my SCSS results in weird behaviour where selecting the attributes I want to sort (either by mouse or Ctrl + Shift + J), and then sorting the attributes (Ctrl + Shift + C) below the first line loses indentation, and a new line is added to the end. Looks like it's not sorting either. Trying to sort vanilla CSS in the same method results in an error.

Package:

Original:

#featured-blog {
    .blog-title {
        margin: 0;
        line-height: 1;
        font-size: 40px;
        color: $brand-primary;
    }
    ...
}

Pre-update:

#featured-blog {
    .blog-title {
        margin: 0;
        color: $brand-primary;
        font-size: 40px;
        line-height: 1;
    }
    ...
}

Post-update:

#featured-blog {
    .blog-title {
        margin: 0;
line-height: 1;
font-size: 40px;
color: $brand-primary;

    }
    ...

Sorting vanilla CSS:

.test {
    color: #000;
    font-size: 12px;
    height: 100px;
    width: 100px;
}

Options to completely ignore some settings?

Is there a way to configure sublime-csscomb to apply only certain options and ignore others entirely?

For example, I would love to set up a config that only applies the sort order option, but completely ignores all the other features (no formatting, spacing before/after brackets, etc.). Something like:

"space-before-closing-brace": ignore

Wayne I add or Define the php path ?

plugin unable to find php on cumputer.
my path is F:\Xamp\php\php.exe

Plugin doesn't read config after restart

Plugin stops reading config files (project root, home root, whatever) after restarting ST3. Re-installing package helps until next launch :( Any suggestions?

Install npm module on package install

Currently npm module is installed on first run (when user selects "Run CSScomb").
It's not such a good idea because it leads to a noticeable delay of first "comb".
Instead, we should load npm module once ST plugin is installed.

v3.0

Do you plan to upgrade this plugin to work with the new csscomb version? Thanks :)

Can't use the csscomb command

when I',m trying to use the csscomb command the only result I get is csscomb js

I've updated and installed the latest version.

Any idea why it dosent work? :)

Breaks mixins with named parameters.

Here is to reproduce: open https://gist.github.com/arathael/5ea54577c7e8d9cbd4dd in a new stream in ST3. Comb. Fail remarkably.

Customizing CSScomb (can't get it to work the way I want)

Hi there,

I'd like to indent all my code like this (I know, unconventional but personal preference, reads nice IMHO):

.mq-nest-test-no-mq {

    color: @orange;
    display: block;
    position: absolute;
    margin-top: 10px;

}

@media screen only and (max-width: 500px) {

    .mq-est-test-mq-outer {

        color: true;

    }

}

.mq-est-test-mq-inner {

    @media screen only and (max-width: 700px) {

        color: orange;

        @media screen only and (max-height: 200px) {

            .mq-est-test-mq-inner-nested {

                color: purple;

            }

        }       

    }

}

But I just can't seem to get it working. Here is my config:

        // Whether to add a semicolon after the last value/mixin.
        "always-semicolon": true,

        // Set indent for code inside blocks, including media queries and nested rules.
        "block-indent": "    ",

        // Unify case of hexadecimal colors.
        "color-case": "lower",

        // Whether to expand hexadecimal colors or use shorthands.
        "color-shorthand": true,

        // Unify case of element selectors.
        "element-case": "lower",

        // Add/remove line break at EOF.
        "eof-newline": true,

        // Add/remove leading zero in dimensions.
        "leading-zero": false,

        // Unify quotes style.
        "quotes": "single",

        // Remove all rulesets that contain nothing but spaces.
        "remove-empty-rulesets": true,

        // Set space after `:` in declarations.
        "space-after-colon": " ",

        // Set space after combinator (for example, in selectors like `p > a`).
        "space-after-combinator": " ",

        // Set space after `{`.
        "space-after-opening-brace": "\n\n",

        // Set space after selector delimiter.
        "space-after-selector-delimiter": "\n",

        // Set space before `}`.
        "space-before-closing-brace": "\n\n",

        // Set space before `:` in declarations.
        "space-before-colon": " ",

        // Set space before combinator (for example, in selectors like `p > a`).
        "space-before-combinator": " ",

        // Set space before `{`.
        "space-before-opening-brace": " ",

        // Set space before selector delimiter.
        "space-before-selector-delimiter": "\n",

        // Set space between declarations (i.e. `color: tomato`).
        "space-between-declarations": "\n",

        // Whether to trim trailing spaces.
        "strip-spaces": false,

        // Whether to remove units in zero-valued dimensions.
        "unitless-zero": true,

        // Whether to align prefixes in properties and values.
        "vendor-prefix-align": false,

Where the above results in:

.mq-nest-test-no-mq {
    position : absolute;

    display : block;

    margin-top : 10px;

    color : @orange;

}

@media screen only and (max-width: 500px) {

    .mq-est-test-mq-outer {
        color : true;

    }

}

.mq-est-test-mq-inner {
    @media screen only and (max-width: 700px) {
        color : orange;
        @media screen only and (max-height: 200px) {

            .mq-est-test-mq-inner-nested {
                color : purple;

            }

        }

    }

}

Some help would be greatly appreciated 👍

Issues with .scss

From this .scss :

#test
{
    background-image: url($path-img + 'img/static/mobile/common-bg.jpg');
}

I got this as result :

#test
{
    background-image: url($path-img ) 'img/static/mobile/common-bg.jpg';;
}

The '+' sign is changed into '(' and ')' into ';'.

Path for config

Добавил путь к конфигу:

{
  "custom_config_path": "/Users/%username%/Library/Application Support/Sublime Text 3/Packages/User/csscomb.json"
}

В конфиге прописано вот такое:

{
    "combinator-space": ["", ""]
}

После того как прописал пусть к конфигу, плагин перестал работать. Ошибок в консоле и в алерте нету.

node.js path

I am getting the error "node is not recognized as ..."

I can't seem to find where this node's path will go?
I have node.js installed