If you&#x27;re looking for a way to use JavaScript variables directly in CSS styles there is an Element Query polyfill that includes that feature: <a href="http:&#x2F;&#x2F;codepen.io&#x2F;tomhodgins&#x2F;pen&#x2F;MKWOWW" rel="nofollow">http:&#x2F;&#x2F;codepen.io&#x2F;tomhodgins&#x2F;pen&#x2F;MKWOWW</a><p>You can reference one line of JS in your CSS style, and the returned value is what is output in your CSS at the time the (responsive) style applies. This value can be a Js variable set elsewhere on the page, the output of a function, or a string or single line of JavaScript that is evaluated in-place.<p>The var() feature is new and only in the v1.0.0 branch right now, but to read about the other features of this plugin check out <a href="https:&#x2F;&#x2F;github.com&#x2F;eqcss&#x2F;eqcss" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;eqcss&#x2F;eqcss</a> and <a href="http:&#x2F;&#x2F;elementqueries.com" rel="nofollow">http:&#x2F;&#x2F;elementqueries.com</a>