forked from dbroqua/MusicTopus
{NAVBAR} Rewrote
This commit is contained in:
parent
4f707ece88
commit
6ee117b583
2 changed files with 113 additions and 86 deletions
|
@ -103,7 +103,7 @@
|
|||
|
||||
.navbar-item {
|
||||
line-height: 1.5;
|
||||
padding: .5rem .75rem;
|
||||
padding: .5rem;
|
||||
position: relative;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
|
@ -126,7 +126,7 @@
|
|||
box-shadow: 0 8px 8px rgba(10,10,10,.1);
|
||||
display: none;
|
||||
font-size: .875rem;
|
||||
min-width: 100%;
|
||||
min-width: 280px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
}
|
||||
|
@ -263,12 +263,6 @@
|
|||
margin: .5rem 0 0 1.5rem;
|
||||
}
|
||||
|
||||
.navbar-item {
|
||||
cursor: pointer;
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
@include respond-to("medium-up") {
|
||||
background-color: var(--default-color);
|
||||
border-bottom-left-radius: 6px;
|
||||
|
@ -286,11 +280,10 @@
|
|||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.navbar-item {
|
||||
white-space: nowrap;
|
||||
padding: .375rem 1rem;
|
||||
padding-right: 3rem;
|
||||
}
|
||||
// .navbar-item {
|
||||
// white-space: nowrap;
|
||||
// padding-block: .375rem;
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -324,4 +317,10 @@
|
|||
.navbar {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
ul {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue