/************************************************************************************
DevPortal Navbar https://w.amazon.com/index.php/Venezia/DevPortal/FrontEndBestPractices
**************************************************************************************/
@import 'base';
.dp-navbar {
padding: 0; position: fixed; top: 0; height: $navHeightMobile; width: 100%; z-index: 100; border-bottom: 1px solid #ccc; background-color: $background-color-base; @include desktop { height: $navHeight; padding: 0 30px; }
}
.dp-navbar-inner {
position: relative; height: 100%; @include desktop-large { width: 1400px; margin: 0 auto; }
}
.dp-navbar-logo {
height: 32px; width: 111px; padding: 5px 2px 0px 2px; float: left; display: inline-block; position: relative; z-index: 110; @include desktop { width: 140px; padding: 8px 0 0 0; height: 70px; }
}
.dp-navbar-button, .dp-navbar-button:link, .dp-navbar-button:visited {
display: inline-block; padding: 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; } @include desktop { margin: 3px 3px; }
}
.dp-navbar-button.dp-navbar-login {
font-size: $font-size-small; @include desktop { font-size: $font-size-x-small; line-height: 130%; padding: 28px 16px; margin: 0; position: absolute; right: 100px; } @include desktop-large { right: 200px; }
}