sms-pager/app/assets/stylesheets/molecules/nav.scss

50 lines
610 B
SCSS
Raw Normal View History

2015-10-03 15:15:19 -05:00
.nav {
@include inline-ul;
background-color: $dark;
color: $light;
margin: -15px -15px 15px;
width: calc(100% + 30px);
li {
&:hover {
background-color: $grey;
}
a {
color: $light;
}
2015-10-03 22:44:36 -05:00
&.active {
background-color: $taupe;
a {
color: $dark;
cursor: default;
}
}
2015-10-03 15:15:19 -05:00
}
}
.sub-nav {
@include inline-ul;
margin: -19px -15px 0;
a {
color: $dark;
&:hover {
background-color: $light;
}
}
2015-10-03 22:44:36 -05:00
.active a {
color: $grey;
cursor: default;
&:hover {
background-color: transparent;
}
}
2015-10-03 15:15:19 -05:00
}