Dynamic Padding

by Santosh Thakur

CSS

<div class="component-box-layout" data-desktop-padding='20px' 
data-mobile-padding='40px'
>
  <div> This is my Div</div>
</div>

JavaScript

(function() {
  $('.component-box-layout').each(function() {
    console.log(window.innerHeight);
    mainObj = $(this);
    desktopPadding = mainObj.data('desktop-padding');
    mobilePadding = mainObj.data('mobile-padding');
    mainObj.css({
      'padding': desktopPadding,
      'padding': mobilePadding
    });
  });
})()