Как в sass записать цепочку условий?

Question

[AlexNew22]

Как в SASS записать такие выражения?

.container input:checked ~ .checkmark:after
.container:hover input ~ .checkmark 
.container .checkmark:after

Comments

[Сергей delphinpro]

Вы покажите, какой css должен получиться в итоге. Пока не ясно, что вы имеете ввиду под "цепочкой условий".

Если просто список селекторов, то так же, как и в css

.container input:checked ~ .checkmark:after,
.container:hover input ~ .checkmark, 
.container .checkmark:after {

}

Или

.container {
  input:checked ~ .checkmark:after,
  &:hover input ~ .checkmark, 
  .checkmark:after {

  }
}

[Ankhena]

Нет смысла пытаться усложнять код. Можно разбить каждую составляющую на & и отдельную строку. Но у меня большие сомнения в том, что с этим всем будет быстро и удобно работать.

Answer 1

[black1277]

Примерно вот так

.container 
	input 
		&:checked 
			& ~ .checkmark 
				&:after 
					&.container 
						&:hover 
							input 
								& ~ .checkmark 
									&.container 
										.checkmark 
											&:after

а вообще, можешь сам подобрать - вот тут css-to-sass-converter