title: style attribute not working with HSL even after bypassing sanitization in Angular
body: <p>I have a function to decide <code>background-image</code> which is a <code>linear-geadient</code>.</p>
  
  <pre><code>&lt;div class="test-diff" [style.backgroundImage]="getBGcolor(diff)" &gt;
  </code></pre>
  
  <p>This <code>getBGcolor</code> function decides the value based on the integer passed . I use dom sanitizer to bypass security.</p>
  
  <pre><code>  getBGcolor(diff){
      let style =  `linear-gradient(45deg, #fff 0%, #fff 50%, hsl(${125-25 *diff}%, 99%, 46%) 50%, hsl(${125-25 *diff}%, 100%, 50%) 100%)`;
      return this.dom.bypassSecurityTrustStyle(style);
    }
  </code></pre>
  
  <p>But the style is not being applied. Even when I give static HSL value, its not being applied. What am I doing wrong?</p>