https://www.gym80-fitness.de/valhalla-js-3.6-min/responsive.js

1var ratios={};addRatio=function(ratio){if(typeof ratios[ratio]==="undefined"){$('head').append('<style>[data-ratio="'+ratio+'"]::before { padding-top: '+ratio+'} <\/style>');ratios[ratio]=ratio}};if(typeof responsive_Border==='undefined')responsive_Border=10;if(typeof responsive_Grid==='undefined')responsive_Grid=12;if(typeof responsive_Dimensions==='undefined'){responsive_Dimensions=[];responsive_Dimensions.push({width:0,containerWidth:'initial',border:responsive_Border,name:'xs',label:'Mobile Phone'});responsive_Dimensions.push({width:768,containerWidth:750,border:responsive_Border,name:'sm',label:'Tablet'});responsive_Dimensions.push({width:992,containerWidth:970,border:responsive_Border,name:'md',label:'Medium Monitor'});responsive_Dimensions.push({width:1200,containerWidth:1170,border:responsive_Border,name:'lg',label:'Large Monitor'})}
2var allStyles='';allStyles='html{overflow-y:scroll}\n';for(var index in responsive_Dimensions){var dimension=responsive_Dimensions[index];if(typeof dimension.containerWidth==='string'||dimension.containerWidth instanceof String){allStyles+='html.width-'+dimension.name+' { font-size: '+dimension.containerWidth+' } \n';if(typeof dimension.containerWidth==='string'||dimension.containerWidth instanceof String&&dimension.containerWidth.indexOf('rem')>-1)
3allStyles+='html[data-dimension="'+dimension.name+'"] .container { margin-left: '+dimension.border+'px;  margin-right: '+dimension.border+'px} \n'}
4else
5allStyles+='html.width-'+dimension.name+' { font-size: '+((dimension.containerWidth)/100)+'px } \n';for(var gridNumber=0;gridNumber<=responsive_Grid;gridNumber++){allStyles+='.width-'+dimension.name+' [col-'+dimension.name+'="'+gridNumber+'"] { width: '+gridNumber/responsive_Grid*100+'% } \n'}
6allStyles+='.width-'+dimension.name+' [col-'+dimension.name+'="0"]:not([col-'+dimension.name+'="NOTdummyNeedBecauseOfCSSPriorities"]) { display: none } \n';allStyles+='.width-'+dimension.name+' [col-'+dimension.name+']:not([col-'+dimension.name+' ="0"])  { display: block; display: initial } \n';if(typeof dimension.containerWidth==='string'||dimension.containerWidth instanceof String)
7allStyles+='.width-'+dimension.name+'  .container { width: var(--width-content) } \n';else allStyles+='.width-'+dimension.name+'  .container { width: '+dimension.containerWidth+'px } \n'}
8var head=document.head||document.getElementsByTagName('head')[0];var styleElement=document.createElement('style');styleElement.type='text/css';if(styleElement.styleSheet){styleElement.styleSheet.cssText=allStyles}else{styleElement.appendChild(document.createTextNode(allStyles))}
9head.appendChild(styleElement);var width=window.innerWidth;var headerClasses=document.documentElement.className;var currDimension;for(var index in responsive_Dimensions){var dimension=responsive_Dimensions[index];if(width>=dimension.width){currDimension=dimension;headerClasses+=' width-'+dimension.name}}
10document.documentElement.className=headerClasses;getResponsiveDimensionFromClass=function(classString,property){var result=undefined;var classes=classString.split(" ");var currentDimension=$('html').attr('data-dimension');for(var index in classes){var dimensionStop=false;if(classes[index].indexOf(property+'-')==0){for(var i in responsive_Dimensions){if(dimensionStop==false){if(classes[index].indexOf(property+'-'+responsive_Dimensions[i].name+'-')>-1){result={};result.size=parseInt(classes[index].split(property+'-'+responsive_Dimensions[i].name+'-')[1]);result.dimension=responsive_Dimensions[i].name}}
11if(currentDimension==responsive_Dimensions[i].name)dimensionStop=true}}}
12return result}
13$(document).on('moduleReady_Container',function(event,module){if(module.element.hasAttr('class')){var newClass='';var classes=module.element.attr('class').split(" ");for(var index in classes){var arrClass=classes[index].split("-");if(arrClass.length==3){if(arrClass[0]=='grid'){newClass+=' gridcols-'+arrClass[1]+'-'+arrClass[2];newClass+=' gridrows-'+arrClass[1]+'-'+arrClass[2];console.log(arrClass)}else{}}}
14module.element.addClass(newClass)}});function analyzeDimension(){var widthWindow=document.documentElement.clientWidth||window.innerWidth||document.body.clientWidth;if(widthWindow==$('html').attr('data-width'))return;var currDimension;var oldDimension=$('html').attr('data-dimension');var oldWidth=$('html').attr('data-width');$('html').attr('data-width',widthWindow);for(var index in responsive_Dimensions){var dimension=responsive_Dimensions[index];if(widthWindow>=dimension.width){currDimension=dimension}}
15var widthContent;if(currDimension.containerWidth=='initial'){widthContent=widthWindow-2*currDimension.border}
16else widthContent=currDimension.containerWidth;var oldWidthContent=document.documentElement.style.getPropertyValue('--width-content');document.documentElement.style.setProperty('--width-margin',''+((widthWindow-widthContent)/2)+'px');document.documentElement.style.setProperty('--width-content',''+widthContent+'px');if(oldWidthContent!=widthContent){$('html').css('font-size',(widthContent/100)+'px')}
17if(oldDimension!=currDimension.name){for(var index in responsive_Dimensions){var dimension=responsive_Dimensions[index];$('html').removeClass('width-'+dimension.name);if(widthWindow>=dimension.width){currDimension=dimension;$('html').addClass('width-'+dimension.name)}}
18$('html').attr('data-dimension',currDimension.name);currentDimension=currDimension;$(document).triggerHandler('dimensionChanged',currentDimension)}

19if(oldWidthContent!=widthContent){$(document).triggerHandler('contentWidthChanged',widthContent)}}
20$(document).on('resizeCompleted',function(){analyzeDimension()});$(window).resize(function(){clearTimeout(this.timeout_triggerResize);this.timeout_triggerResize=setTimeout(triggerResizeCompleted,500)});function triggerResizeCompleted(){$(document).triggerHandler('resizeCompleted')}
21triggerResizeCompleted();$(document).on('beforeReady',function(){$('[data-ratio]').each(function(){var ratio=$(this).attr('data-ratio');addRatio(ratio)})});$(document).on('displaySetReady',function(){setTimeout(function(){$(document).triggerHandler('contentWidthChanged')},20)});