что значит &:after в теле селектора

Общее
1

.toggle–moving {
…
&:after {
…
}
}

2

Это препроцессор. Указанный участок кода написан на препроцессорном языке. Под SASS подходит. Этот код будет интерпретирован в

.toggle--moving{ ... }
.toggle--moving:after{ ... }
2 лайка
3

Спасибо, а знак амперсанда тут что обозначает?

4

Похоже, что это ссылка на родителя)
Чтобы не дублировать стили а в каскаде записывать меньше, но на выходе получать необходимую вложенность.

1 лайк
5

В первом курсе по препроцессорам рассказывается про &.

2 лайка
6

как уже выше сказали - это ссылка на родителя, то есть вместо него подставляется родительский класс.

.class-name{
   
    &:after{}
    &:hover{}
    &-inner{}
}

Превратится в

.class-name:after{}
.class-name:hover{}
.class-name-inner{}
1 лайк