button resizer

gistfile1.txt

resizeBtns() {
        const bodyWidth = document.body.clientWidth;
        const img = this.element.querySelector(`.${this.settings.imgClassname}`);
        const imgCR = img.getBoundingClientRect();
        const imgRatio = imgCR.height / imgCR.width;
        
        var sheet = document.createElement('style')
        sheet.innerHTML = `${this.settings.prevButtonSelector}, ${this.settings.nextButtonSelector} {
            height: calc(${100 * imgRatio}vw - ${(bodyWidth - imgCR.width + this.getScrollbarWidth()) * imgRatio}px);
        }
        .tns-nav {
            top: calc(${100 * imgRatio}vw - ${(bodyWidth - imgCR.width + this.getScrollbarWidth()) * imgRatio + 25}px);
        }`;
        document.body.appendChild(sheet);
    }