Du kannst rechnen, Schleifen, Funktionen (mixins) schreiben, Selectoren erweitern etc.
Du hast weniger duplikationen.
Statt
Code:
.navigation__item {
display: inline-block;
}
.navigation__item:hover,
.navigation__item:focus,
.navigation__item:active,
.navigation__item.active,
.navigation__item.trail {
color: red;
}
button.active {
color: red;
}
Kannst du
Code:
.active {
color: red;
}
.navigation__item {
display: inline-block;
&:hover,
&:focus,
&:active,
&.active,
&.trail {
@extend .active;
}
}
Weniger Tipparbeit, gleiches Ergebnis.