/************************************************************************************
DevPortal Navbar https://w.amazon.com/index.php/Venezia/DevPortal/FrontEndBestPractices
**************************************************************************************/
@import 'variables';
.dp-navbar {
padding: 0; position: fixed; top: 0; height: $navHeightMobile; width: 100%; line-height: 28px; z-index: 100; border-bottom: 1px solid #ccc; background-color: $background-color-base; @media #{$desktop} { line-height: 32px; height: $navHeight; padding: 0 24px 0 30px; }
}
.dp-navbar-inner {
position: relative; height: 100%;
}
.dp-navbar-logo {
height: 32px; width: 111px; padding: 5px 2px 0px 2px; float: left; display: inline-block; position: relative; z-index: 110; @media #{$desktop} { width: 140px; height: 32px; padding: 5px 2px 0px 2px; }
}
.dp-navbar-button, .dp-navbar-button:link, .dp-navbar-button:visited {
display: inline-block; padding: 6px 10px; color: $preLoginTextColor; float: left; margin: 0; text-decoration: none; &:hover, &:active { color: #222; text-decoration: none; background-color: rgba(0,0,0,.05); cursor: pointer; } @media #{$desktop} { margin: 3px 3px; }
}
.dp-navbar-login {
font-size: $font-size-small; @media #{$desktop} { font-size: $font-size-x-small; line-height: 130%; }
}