title: How to disable particular ACE editor CSS-mode warning rules?
body: <p>My project makes use of the <a href="https://github.com/ajaxorg/ace" rel="nofollow noreferrer">Ace Editor</a> (via <a href="https://github.com/thlorenz/brace" rel="nofollow noreferrer">Brace</a> and <a href="https://github.com/securingsincity/react-ace" rel="nofollow noreferrer">React-Ace</a>). </p>
  
  <p>We set the <code>mode</code> of the editor to <code>"css"</code> and embed it in our page. This works just fine, however, by default, we find some of the enabled CSS rule highlighting to be too stringent—some warnings should be "info"; some errors should be "warnings".</p>
  
  <p>How can we disable/enable/modify the set of validation rules used for Info, Error, and Warnings by the Ace Editor in CSS mode?</p>
  
  <p>I believe I've found <a href="https://github.com/ajaxorg/ace-builds/blob/f17f0751fc4c2bb73cd9340e9cbc02e4d979608f/src/worker-css.js#L8030" rel="nofollow noreferrer">a relevant line of code in the Ace CSS worker</a> but I'm not sure how to make use of it, nor where to find an exhaustive list of what the validation rule names are, if I did know how to use this function.</p>
  
  <p>The code below is essentially what we use to instantiate the react ace component...</p>
  
  <pre><code>import brace from 'brace';
  import AceEditor from 'react-ace';
  import 'brace/mode/css';
  import 'brace/theme/monokai';
  
  ...
    &lt;AceEditor
      theme="monokai"
      mode="css"
      showGutter={true}
      ...
    /&gt;
  </code></pre>