nav {
padding: $spacing-1; text-align: right; a { color: #FFF; font-weight: 400; margin: 0 $spacing-2; padding: $spacing-2; text-decoration: none; &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } &:active, &:hover { text-decoration: underline; } } @media screen and (min-width: $breakpoint-sm) { text-align: right; }
}