title: Automatically generate nested SCSS from regular CSS?
body: <p>I'd like to take some legacy CSS files and convert them to SCSS with nested styles. For example:</p>
  
  <p><strong>Input</strong></p>
  
  <pre><code>#SomeElement .button { /*Some styles*/ }
  
  #SomeElement .link { /*Some styles*/ }
  </code></pre>
  
  <p><strong>Output</strong></p>
  
  <pre><code>#SomeElement {
      .button { /*Some styles*/ }
      .link { /*Some styles*/ }
  }
  </code></pre>
  
  <p>Is there any tool to make this project manageable with thousands of lines of CSS to convert? I understand there may be some edge cases that need manual fixing, but it would be great to be able to jump start the process with some sort of automatic conversion. </p>
  
  <p>Would PostCSS or Gulp have any tools I could leverage?</p>
  
  <p>Thanks for reading.</p>