article > header > nav { margin: 0 auto; ul { list-style: none; margin: 1rem auto; padding: 0; display: flex; width: 100%; background-color: $bg-header; color: $fg-header; li { margin: 0 auto; padding: 0.5rem; flex: 1; text-align: center; border: 1px solid; width: 12rem; a { display: inline-block; position: relative; width: 100%; height: 100%; } } } } body.txt article > header > nav a { background-color: $bg-txt-on; &:hover, &:active { background-color: $bg-txt-on; } } body.txt article > header > nav a { text-decoration: none; &:link { color: $fg-header; } &:hover { background-color: $bg-txt-on; color: $a-hover; text-decoration: underline; } &:active { color: $a-active; } &:visited { color: $a-hover; } }