#035 – Desktop-Hover-Zustände

Nur weil dies eine mobile erste Serie ist, heißt das nicht, dass wir die Interaktionen von Desktop-/Laptop-Computern ignorieren können. Wir verbringen etwas Zeit damit, sicherzustellen, dass es :hover/:focus/:active Zustände für "klickbare" Dinge wie Links gibt. Wir nutzen die Sass-Fähigkeit, Farben aufzuhellen/abzudunkeln, um die Farben dieser Zustände sehr einfach zu ändern.

Es ist so einfach

a {
  color: $linkColor;
  &:hover, &:focus {
    color: darken($linkColor, 15%);
  }
}

Entschuldigung für den nicht so tollen Ton bei diesem hier =(.