@require "common/variables.styl" .page-template { padding-top: $header-height; .page-top { position: fixed; top: 0; width: 100%; height: $header-height; z-index: $z-index-5; transition: all 0.5s ease; } .page-middle { width: 100%; display: flex; align-items: center; justify-content: center; .main-content { width: $main-content-width; height: 100%; position: relative; padding: 40px 0; } } .page-bottom { width: 100%; } } .page-top-shrink { padding-top: $header-shrink-height; .page-top { height: $header-shrink-height; } }