Nur weil es sich um eine Mobile-First-Serie handelt, heißt das nicht, dass wir die Interaktionen von Desktop- / Laptop-Computern ignorieren können. Wir verbringen ein wenig Zeit damit, sicherzustellen, dass es: hover /: focus /: aktive Zustände für "anklickbare" Dinge wie Links gibt. Wir verwenden die Sass-Fähigkeit, um Farben abzudunkeln / aufzuhellen, um das Ändern der Farben in diesen Zuständen sehr einfach zu machen.
So einfach ist das:
a ( color: $linkColor; &:hover, &:focus ( color: darken($linkColor, 15%); ) )Entschuldigung für den nicht so tollen Sound in diesem Fall = (.