Code for the littler Buttons the Computer used in the Turing Machine portion of the book.
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.
 
buttons-computer/sass/_navs.scss

49 lines
774 B

// 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;
}
}