Задать вопрос

Как задать переменную прям нескольким классам в 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;
            }
        }   
    }


и мне надо прям клонировать эту конструкцию к несколько разных мест, можно как-то объявить это все дело? миксинами не разобрался как
  • Вопрос задан
  • 54 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • GB (GeekBrains)
    Профессия Фронтенд-разработчик
    9 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 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');
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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