diff --git a/core/js/styleguide-typography.js b/core/js/styleguide-typography.js index 5617d2f..107ad41 100644 --- a/core/js/styleguide-typography.js +++ b/core/js/styleguide-typography.js @@ -1,12 +1,10 @@ -import $ from 'jquery'; - -const $typographyEntries = $('#component-typography tbody tr'); +const typographyEntries = document.querySelectorAll('#component-typography tbody tr'); function calculateFontSizes() { - $typographyEntries.each(function () { - const $fontSizeInfo = $(this).find('.br-typography-sample-size'); - const fontSizeForElement = $(this).find('.br-typography-sample-content').children().first().css('font-size'); - $fontSizeInfo.text(fontSizeForElement); + typographyEntries.forEach(function (element) { + const fontSizeInfo = element.querySelector('.br-typography-sample-size'); + const fontSizeForElement = getComputedStyle(element.querySelector('.br-typography-sample-content').children[0])['font-size']; + fontSizeInfo.innerText = fontSizeForElement; }); }