correct aspect ratio syntax

web-illinois · Jul 25, 2024 · 5d5252f · 5d5252f
1 parent e7db214
commit 5d5252f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/ilw-video.js b/src/ilw-video.js
@@ -19,9 +19,11 @@ class Video extends LitElement {
     }
 
     render() {
+        const aspectOverride = this.aspectRatio ? `--ilw-video--aspect-ratio: ${this.aspectRatio}` : '';
+
         return html`
             <div class="video">
-                <div class="aspectRatio" ${this.aspectRatio ? 'style="--ilw-video--aspect-ratio(' + this.aspectRatio + ')"' : ''}>
+                <div class="aspectRatio" style="${aspectOverride}">
                     <slot></slot>
                 </div>
             </div>