open-nomad/ui/app/styles/core/menu.scss
2017-10-11 13:45:03 -07:00

40 lines
730 B
SCSS

.menu {
.menu-list {
a {
font-weight: $weight-semibold;
padding: 0.5rem 1.5rem;
border-radius: 0;
box-shadow: inset 0 0 0 $grey-blue;
transition: box-shadow 0.1s ease-in-out;
text-decoration: none;
&:hover,
&.is-active {
background: transparent;
box-shadow: inset -3px 0 0 $blue;
color: $blue;
}
}
.menu-item {
margin: 0.5rem 1.5rem;
}
}
.menu-label {
margin: 1rem 0.75rem 0.5rem;
padding-top: 0.5rem;
color: darken($grey-blue, 20%);
letter-spacing: 0;
&:first-child {
margin-top: 0;
padding-top: 1rem;
}
&:not(:first-child) {
border-top: 1px solid $grey-blue;
}
}
}