csscomb / csscomb.js

CSS coding style formatter
http://csscomb.com/
MIT License
3.29k stars 457 forks source link

space-after-selector-delimiter : Indentation inside @media with multiple selectors #653

Open julien- opened 2 years ago

julien- commented 2 years ago

My config :

{
  "space-after-selector-delimiter": "\n",
  "color-case": "lower"
}

I am using gulp-csscomb library , here is my Gulp repo if you want to test

Before :

You can test it as .SCSS code

@media only screen and (max-width: 767px) {
  #sel1,
  #sel2 {
    background: red;
  }
}

#sel3 {
  padding: 5px;
}

After :

@media only screen and (max-width: 767px) {
  #sel1,
#sel2 {
    background: red;
  }
}
#sel3 {
  padding: 5px;
}

Wanted

I want the same than in Before, so :

  1. Fix issue of "space-after-selector-delimiter" inside @media block
  2. Fix issue of space after @media block (as you can see, there is no new line)