app/assets/stylesheets/layout/_header.scss
//
// Header
//
.header-border-bottom {
border-bottom: 2px solid $gray-400;
}
.navbar {
padding: .7rem 1rem;
}
.navbar-light .navbar-toggler {
color: $primary-dark;
border-color: rgba($primary-dark, .5);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(75, 12, 178, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-toggler {
color: white;
border-color: rgba(white, .5);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.header-logo {
position: relative;
top: 8px;
display: inline-block;
float: left;
line-height: inherit;
white-space: nowrap;
&:hover {
text-decoration: none;
}
}
.prevy-logo {
margin-top: -19px;
}
.prevy-logo--header {
width: 113px;
}
.prevy-logo--light {
fill: #fff;
&:hover {
fill: #fff;
}
}
.prevy-logo--dark {
fill: $primary-dark;
&:hover {
fill: $primary-dark;
}
}
.user-avatar-button {
position: relative;
display: block;
width: 40px;
height: 40px;
background: $gray-500;
background: url(image-path('svgs/if_user_981085.svg'));
border-radius: 100%;
}
.dropdown-user-name {
margin: 0;
padding: .8rem 1.5rem .5rem 1.5rem;
font-size: 1.05rem;
}
.dropdown-toggle::after {
display: none;
}
.btn-navbar-menu {
@include media-breakpoint-down(md) {
display: block;
width: 100%;
}
}