Created
June 8, 2016 00:23
-
-
Save andershaig/89cfabc8a9fb0d09eb3875cecb1ebcb7 to your computer and use it in GitHub Desktop.
Secondary header for Deals tab
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$deals-header-height: 48px; | |
.deals-view-page { | |
padding-top: $nav-height + $deals-header-height; | |
} | |
// Page Header | |
.deals-header { | |
@include transition(transform 150ms ease); | |
width: 100%; | |
height: $deals-header-height; | |
padding: 0 8px; | |
background-color: color(pattern-blue); | |
vertical-align: middle; | |
position: fixed; | |
top: $nav-height; | |
left: 0; | |
z-index: $nav-z-index; | |
} | |
// Shrink nav to just the deals nav on scroll | |
// (this also adjusts the main nav to hide it - see _nav.scss) | |
.shrink-nav .deals-header { | |
@include transform(translateY(#{$nav-height * -1})); | |
@include shadow-light(1); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Add after .deals-view-page --> | |
<div class="deals-header" layout="row" layout-align="start end"> | |
Header Content | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment