open-nomad/ui/app/styles/core/menu.scss

76 lines
1.2 KiB
SCSS
Raw Normal View History

2017-09-19 14:47:10 +00:00
.menu {
.menu-list {
margin-top: 1rem;
2017-09-19 14:47:10 +00:00
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;
2018-06-30 06:36:40 +00:00
.icon {
fill: $blue;
}
}
2020-04-01 17:10:49 +00:00
.tag {
margin-left: 0.5em;
}
2018-06-30 06:36:40 +00:00
.icon {
margin-right: 0.5em;
fill: lighten($text, 30%);
2017-09-19 14:47:10 +00:00
}
}
2017-10-10 01:55:13 +00:00
.menu-item {
margin: 0.5rem 1.5rem;
&.is-wide {
margin: 0.5rem 1rem;
}
2017-10-10 01:55:13 +00:00
}
2017-09-19 14:47:10 +00:00
}
.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;
}
&.is-minor {
border-top: none;
margin-top: 0;
}
+ .menu-list {
margin-top: 0.5rem;
}
2017-09-19 14:47:10 +00:00
}
.collapsed-only + .menu-label {
border-top: none;
@media #{$mq-hidden-gutter} {
border-top: 1px solid $grey-blue;
}
}
2017-09-19 14:47:10 +00:00
}