Files
ax3Client/src/styles/navbar.scss
Kenneth Jannette 9bec5d3c2e More
2024-04-20 13:40:12 -05:00

130 lines
1.7 KiB
SCSS

.navbar-wrapper {
border-bottom: 1px solid #ffd484;
}
.navbar-main {
height: 5rem;
background-color: #e2fffe;
color: var(--accent-orange);
.navbar-nav {
gap: 1.3rem;
}
.nav-button {
background-color: transparent;
border: none;
font-family: "Roboto";
cursor: pointer;
color: #767676;
font-weight: 500;
outline: none;
&:hover {
text-decoration: none;
}
}
.navbar-items {
color: #5f5f5f;
font-size: 1.1rem;
font-weight: 600;
}
.navbar-user-info {
display: flex;
flex-direction: row;
gap: 1rem;
}
.navbar-gear {
display: flex;
cursor: pointer;
padding: 0.5rem;
margin-bottom: 3px;
}
.navbar-gear > svg {
color: #fa6400;
}
}
.navbar-main-spacer {
height: 5rem;
width: 100%;
}
.logo-container {
display: flex;
flex-direction: row;
width: 167px;
margin-top: -2px;
cursor: pointer;
}
.novo-logo {
height: 5rem;
}
.nav-row {
margin-top: 13px;
margin-left: 5px;
padding-left: 5px;
}
.nav-menu-container {
padding-right: 10px;
margin-right: 8px;
}
.navbar-mobile-hamburg {
display: none;
}
@media only screen and (max-width: 430px) {
.main-container {
margin-top: 36px;
}
.desktop-hamburg {
display: none;
}
.navbar-main {
width: 390px;
}
.nav-logo {
height: 38px;
}
.nav-row {
display: none;
}
.navbar-items {
display: none;
}
.me-auto {
display: none;
}
.logo-container {
width: 850px;
}
.navbar-mobile-hamburg {
display: flex;
width: 50%;
height: 100%;
justify-content: end;
align-items: center;
margin: auto;
padding-top: 7px;
}
.navbar-mobile-hamburg > svg {
color: #fa6400;
cursor: pointer;
}
}