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

57 lines
777 B
SCSS
Raw Permalink 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 {
2015-10-04 20:27:03 -05:00
border-bottom: 1px solid $black;
border-right: 1px solid $black;
&:hover,
&:active {
2015-10-03 15:15:19 -05:00
background-color: $grey;
}
a {
color: $light;
2015-10-04 20:27:03 -05:00
padding: 15px;
2015-10-03 15:15:19 -05:00
}
2015-10-03 22:44:36 -05:00
&.active {
background-color: $taupe;
2015-10-04 20:27:03 -05:00
border-bottom: 1px solid $taupe;
2015-10-03 22:44:36 -05:00
a {
color: $dark;
cursor: default;
}
}
2015-10-03 15:15:19 -05:00
}
}
.sub-nav {
@include inline-ul;
2015-10-04 20:27:03 -05:00
margin: -20px -15px 0;
2015-10-03 15:15:19 -05:00
a {
color: $dark;
2015-10-04 20:27:03 -05:00
padding: 15px;
2015-10-03 15:15:19 -05:00
&: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
}