src/resources/sass/_boards.scss
// Links going across the top of the page
.items {
margin: 0;
padding: 0;
font-size: 0;
li {
width: 20%;
margin: 0;
a {
width: 100%;
margin: 0;
border: none;
border-radius: 0;
background: none;
box-shadow: none;
padding: 0;
display: block;
height: 100%;
box-sizing: border-box;
padding: 20px;
font-family: 'Mako', sans-serif;
text-transform: uppercase;
font-size: 16px;
}
&:first-child {
background: $olive;
a:hover {
background: none;
}
}
&:nth-child(2) {
background: $yellow;
}
&:nth-child(3) {
background: $orange;
}
&:nth-child(4) {
background: $dark-red;
}
&:last-child {
background: $teal;
}
}
}