first commit
This commit is contained in:
123
src/styles/navbar.scss
Normal file
123
src/styles/navbar.scss
Normal file
@@ -0,0 +1,123 @@
|
||||
.navbar-wrapper {
|
||||
border-bottom: 1px solid #ffe2c8;
|
||||
}
|
||||
|
||||
.navbar-main {
|
||||
height: 5rem;
|
||||
background-color: rgb(240, 247, 250);
|
||||
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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user