You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
774 B
50 lines
774 B
4 years ago
|
// Navs
|
||
|
|
.nav {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
list-style: none;
|
||
|
|
margin: $unit-1 0;
|
||
|
|
background-color: inherit;
|
||
|
|
font-family: $mono-font-family;
|
||
|
|
|
||
|
|
.divider {
|
||
|
|
margin: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h4 {
|
||
|
|
font-family: $mono-font-family;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-item {
|
||
|
|
a {
|
||
|
|
color: $primary-color;
|
||
|
|
padding: $unit-1 $unit-2;
|
||
|
|
text-decoration: none;
|
||
|
|
&:focus,
|
||
|
|
&:hover {
|
||
|
|
color: $black;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.active {
|
||
|
|
& > a {
|
||
|
|
color: darken($primary-color, 10%);
|
||
|
|
font-weight: bold;
|
||
|
|
&:focus,
|
||
|
|
&:hover {
|
||
|
|
color: $primary-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
& .nav {
|
||
|
|
margin-bottom: $unit-2;
|
||
|
|
margin-left: $unit-4;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul {
|
||
|
|
background-color: inherit;
|
||
|
|
}
|
||
|
|
}
|