SASS 

$z-index: 3;
@for $i from 1 through $z-index {
   .z-index-#{$i} {
      z-index: $i   }
}

https://github.com/Gspatelw3/Onepage-Studio

Comments

Post a Comment

Popular posts from this blog

Iframe full width

.bannerBox .video {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   pointer-events: none;   overflow: hidden; } .bannerBox iframe {   position: absolute;   top: 50%;   left: 50%;   width: 100vw;   min-width: 177.77vh;   height: 56.25vw;   min-height: 100vh;   transform: translate(-50%, -50%); }
Read more

Animation js (Alternative wow js)

function isScrolledIntoView(elem) {     let docViewTop = $(window).scrollTop();     let docViewBottom = docViewTop + $(window).height();     let elemTop = $(elem).offset().top;     let elemBottom = elemTop + $(elem).height();     return ((elemTop <= docViewBottom) && (elemBottom >= docViewTop)); } $('.animate').each(function() {     if (isScrolledIntoView(this) === true) {         let animation = $(this).attr('data-animation');         let iteration = $(this).attr('data-iteration');         let duration = $(this).attr('data-duration');         let delay = $(this).attr('data-delay');         $(this).addClass('animated');         $(this).css({             'visibility': 'visible',             'animation-duration': duration,     ...
Read more