updated nav bar
This commit is contained in:
parent
c820a07a4d
commit
314d47ed00
1 changed files with 9 additions and 18 deletions
|
|
@ -94,29 +94,20 @@
|
||||||
order: 1;
|
order: 1;
|
||||||
}
|
}
|
||||||
.nav-toggle {
|
.nav-toggle {
|
||||||
display: block;
|
display: none !important;
|
||||||
order: 2;
|
|
||||||
}
|
}
|
||||||
.nav-links {
|
.nav-links {
|
||||||
display: none;
|
|
||||||
flex-basis: 100%;
|
|
||||||
order: 4;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: stretch;
|
|
||||||
background: #fff;
|
|
||||||
padding: 10px 0;
|
|
||||||
}
|
|
||||||
.nav-links.active {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
order: 2;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
background: transparent;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.nav-links a {
|
.nav-links a {
|
||||||
padding: 10px 15px;
|
font-size: 0.9rem;
|
||||||
width: 100%;
|
|
||||||
text-align: left;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
}
|
|
||||||
.nav-links a:last-child {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
}
|
||||||
.nav-search {
|
.nav-search {
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue