Question

I want to convert CSS to SCSS that looks like this:

.top {
  margin-top: 1em;
  margin-bottom: 1em;
  nav {
    background: #333;
  }
  ul {
    padding: 0;
    display: table-row;
  }
  li {
    display: table-cell;
  }
}

Instead, I am getting this:

.top {
  margin-top: 1em;
  margin-bottom: 1em;
  nav {
    background: #333; }
  ul {
    padding: 0;
    display: table-row; }
  li {
    display: table-cell; } }

How do I change the output indentation in the command:

sass-convert public/stylesheets/application.css public/stylesheets/application.scss

Thanks!

Answer 1

According to the docs (and checking ‘sass-convert -h’ on the command line) there is no way to change the output style when going from css to scss (or sass).