CSSから、jQueryに値を渡すというのは、とっぴなことかもしれませんが CSS variables が普及してきたことで使い道が出てきました。
面白いのは、CSSの変数がセットされていない場合に、jQueryは、エラーをはかない（みたい）
Browser
Can I use... Support tables for HTML5, CSS3, etc
HTML
<div class="my-box">test</div>
CSS
style.css
body {
--mybox-color: green;
--mybox-height: 300px;
}
JS
raindrops.js
jQuery( function ( $ ) {
$(".my-box").css({"background-color": "var(--mybox-color)","height": "var(--mybox-height)"});
});
