app/assets/stylesheets/extranet/layout/_nav.sass
.navbar
position: absolute
width: 100%
@include media-breakpoint-up(md)
padding-top: 30px
.navbar-brand
height: 60px
img
height: 100%
object-fit: contain
width: 100%
.nav-link
color: black
.active
.nav-link
color: $navbar-link-active-color
.navbar-collapse
flex-grow: 0
.navbar-nav
> .nav-item
margin-left: 20px
&__account
margin-left: 40px
.dropdown-menu
border: 0
padding: 0
.dropdown-item
padding-left: var(--bs-navbar-nav-link-padding-x)
.navbar-toggler
border: 0
font-size: pxToRem(14)
line-height: pxToRem(28)
padding-right: 0
text-transform: uppercase
.dropdown-toggle
&::after
border-bottom: 1px solid black
border-left: 0
border-right: 1px solid black
border-top: 0
height: 6px
transform: rotate(45deg)
width: 6px
@include media-breakpoint-up(md)
.navbar-nav
li:last-child .nav-link
padding-right: 0
@include media-breakpoint-down(md)
.navbar-nav
background: white
display: block
left: 0
padding: 1rem
position: fixed
right: 0
text-align: right