Как задать переменную прям нескольким классам в scss?

Привет! Мне нужно засунуть в одну переменную прям блок свойств:

#front-hello {
        padding: 20vh 0 1vh;
        .front-hello-slider {
            position: relative;
            top: -1.5vw;
            .slider-vertical-item {
                margin-bottom: 2.3vw;
            }
            img {
                width: 53px;
            }
        }   
    }


и мне надо прям клонировать эту конструкцию к несколько разных мест, можно как-то объявить это все дело? миксинами не разобрался как
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ответы на вопрос 1
@abberati
frontend-разработчик
научитесь задавать вопросы. исходя из коммента под ответом Сергей: может вот так?

@mixin my-mixin($classname, $anotherClassname) {
  padding: 20vh 0 1vh;
  #{$classname} {
    position: relative;
    top: -1.5vw;
    #{$anotherClassname} {
      margin-bottom: 2.3vw;
    }
    img {
      width: 53px;
    }
  }
}

#front-hello {
 @include my-mixin('.front-hello-slider','.slider-vertical-item');
}

#back-hello {
 @include my-mixin('.back-hello-slider','.slider-vertical-item');
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы