Question: In our angular 5.2 project, we keep getting the below errors in scss files,

[![SCSS erros related to spaces](https://i.stack.imgur.com/B9cED.png)](https://i.stack.imgur.com/B9cED.png)

do we have a VS code plugin OR a Scss formatter which can take care these space issues in the scss??

Answer: 
These errors seem to be from the `stylelint` linting tool. You'll have to either modify your `stylelint` config and turn off these rules or you have to fix them in your `scss` file.

To help you with detecting these errors on VS code as you code, you can use an extension.

1. Go to `View > Extensions`.
2. Search for a `stylelint` extension (Recommendation: `shinnn.stylelint` by Shinnosuke Watanabe).
3. Install the extension.

Now open your `scss` file and VS code should indicate your lint errors. (This might require you to restart VS code).
Do you copy/paste the scss code? and are you sure that what you copy was a scss code? sass codes does not have comas in the end of the line; maybe its not compiling because its not a scss code, my hint is that many EOL errors you getting

```
.some-class {
    display: none;
    .some-other-class {
        background-color: green;
    }
}

```

this is a scss code.
please put more detail in the question.