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-off; color: $fg-header; &:hover, &:active { background-color: $bg-txt-on; } }