title: Sanitizing CSS with Angular's DomSanitizer
body: <p>I want to sanitize some CSS before I inject it into a <code>&lt;style&gt;</code> tag in the <code>&lt;head&gt;</code> of my app.</p>
  
  <p>I am passing it through the DomSanitizer like this:</p>
  
  <p><code>const safeCSS = this.domSanitzer.sanitize(SecurityContext.STYLE, css);</code></p>
  
  <p>But I am getting this error message in the console, which thinks my CSS is unsafe.</p>
  
  <p><code>WARNING: sanitizing unsafe style value [MY_CSS_HERE]</code>  </p>
  
  <p>I want to understand why Angular thinks my CSS is unsafe.</p>
  
  <p>I've put my CSS on codepen as it's quite large, but really simple.</p>
  
  <p>See <a href="https://codepen.io/stevedeighton/pen/OvgLVb" rel="nofollow noreferrer">https://codepen.io/stevedeighton/pen/OvgLVb</a></p>
  
  <p>Any ideas?  </p>
  
  <p>Thanks!</p>