Как переписать код css в scss?

Question

[3nd1ess]

Как этот кусок css переписать в scss?

.tt_wrestling:hover, .tt_content:hover .tt_wrestling{
  background-color:$wrestling;
}
.tt_climbing:hover, .tt_content:hover .tt_climbing{
  background-color:$climbing;
}
.tt_gymnastics:hover, .tt_content:hover .tt_gymnastics{
  background-color:$gymnastics;
}

Т.е. чтобы строка:

.tt_gymnastics:hover, .tt_content:hover .tt_gymnastics

не повторялась.

Полный пример по ссылке:
https://jsfiddle.net/2p5nf6vy/

Answer 1

[Максим]

Можно попробовать как-то так https://jsfiddle.net/abz04gzu/
А можно еще подумать и сделать с мапами
sass-lang.com/documentation/Sass/Script/Functions