CSS в SASS. Как это конструкция будет выглядеть в SASS?

Question

[Влад]

Как это конструкция будет выглядеть в SASS?
Читается это так? При наведении на псевдо-елемент переключить radio input на - выбрано.

input[type="radio"]:checked + span::before {
  background-position: 0 -12px;
}
.checkbox[type="checkbox"] + span::before {
  background-position: 0 -24px;
}

input[type="checkbox"]:checked + span::before {
  background-position: 0 -36px;
}

Answer 1

[approximate solution]

input[type="radio"]:checked 
	& + span 
		&::before 
			background-position: 0 -12px 
.checkbox[type="checkbox"] 
	& + span 
		&::before 
			background-position: 0 -24px 
input[type="checkbox"]:checked 
	& + span 
		&::before 
			background-position: 0 -36px

Comments

[Влад]

спасибо

[approximate solution]

Влад, https://jsonformatter.org/css-to-sass

Что бы следующий раз по форумам не бегать

[Влад]

approximate solution, я искал конверторы, но не находил, спасибо огромное