Option Request: space-between-nested-blocks

I would like to suggest an option, space-between-nested-blocks. For my needs, I’d just like to make sure there is a line between my current rules and a nested selector. Example:

Example Source

.foo {
  color: black;
  .bar {
    color: gray;
  }
}

space-between-nested-blocks = true

.foo {
  color: black;

  .bar {
    color: gray;
  }
}

[hudochenkov]

I want to visual separate block’s properties, includes, extends and it’s children. As I understand, now block’s children not participating in sort-order. So it glued with no empty lines with all sort-order effected nodes. If we can identify all block’s children as one entity, we can put them in sort-order. Previous implementation of $include works similar way: it gather all @include and @​extend in order presented in source file.

Example config:

{ "sort-order": [

["position", "top", "left", "margin", "padding", "padding-right", "content"],
["$include desk", "$include palm"],
["$nested-blocks"]

]}

Before:

.panel {
    position: absolute;
    top: 0;
    left: 0;
    &__inner {
        padding: 0 8px 0 20px;
        &:before {
            content: "";
        }
    }
    &__close {
        display: block;
    }
}

After (added two empty lines):

.panel {
    position: absolute;
    top: 0;
    left: 0;

    &__inner {
        padding: 0 8px 0 20px;

        &:before {
            content: "";
        }
    }
    &__close {
        display: block;
    }
}

---

Before:

.panel {
    position: absolute;
    top: 0;
    left: 0;

    @include palm {
        position: relative;
    }

    &__inner {
        padding: 0 8px 0 20px;

        @include desk {
            margin: 0 3.5%;
        }
        @include palm {
            padding-right: 20px;
        }
    }
    &__close {
        display: block;
    }
}

After (added one empty line):

.panel {
    position: absolute;
    top: 0;
    left: 0;

    @include palm {
        position: relative;
    }

    &__inner {
        padding: 0 8px 0 20px;

        @include desk {
            margin: 0 3.5%;
        }
        @include palm {
            padding-right: 20px;
        }
    }
    &__close {
        display: block;
    }
}

[BorodinDK]

+1