JavaScript から ::before, ::after のstyleを変更する方法
下記のように--dynamic-height
をキーとして、スタイルを変更することができる。
.sample::before { height: var(--dynamic-height, 0%); }
const elem = document.querySelector('.elem'); elem.style.setProperty('--dynamic-height', 100 + '%');