title: How do I set stylelint to fix errors automatically?
body: <p><code>stylelint *.css --fix</code> not working as expect. Error reporting works well but a file is not fixed.</p>
  
  <p>package.json</p>
  
  <pre><code>{
    "devDependencies": {
      "stylelint": "^11.1.1",
      "stylelint-config-recess-order": "^2.0.3"
    }
  }
  </code></pre>
  
  <p>.stylelintrc.json</p>
  
  <pre><code>{
    "extends": "stylelint-config-recess-order"
  }
  </code></pre>
  
  <p>style.css (ugly-order properties)</p>
  
  <pre class="lang-css prettyprint-override"><code>.test {
    height: 100%;
    margin: auto;
    width: 100%;
  }
  </code></pre>
  
  <p>command</p>
  
  <pre class="lang-sh prettyprint-override"><code>$ npx stylelint style.css --fix
  </code></pre>
  
  <p>output</p>
  
  <pre class="lang-sh prettyprint-override"><code>style.css
   4:3  ✖  Expected "width" to come before "margin"   order/properties-order
  </code></pre>
  
  <p>Error reporting is fine.<br>
  I expect auto-fixing works for a file.</p>