// // Modals // -------------------------------------------------- .modal { position: fixed; top: 0; opacity: 0; z-index: 11; width: 100%; min-height: 100%; overflow: hidden; background-color: #fff; @include transform(translate3d(0, 100%, 0)); @include transition(-webkit-transform .25s, transform .25s, opacity 1ms .25s); @include transition-timing-function($timing-fuction); // Active modal &.active { opacity: 1; height: 100%; @include transition(-webkit-transform .25s, transform .25s); @include transition-timing-function($timing-fuction); @include transform(translate3d(0, 0, 0)); } }