How to set a variable directly to several classes in scss?

Question

Sass

Hey! I need to put a direct block of properties into one variable:

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

and I need to directly clone this design to several different places, can I somehow declare this whole thing? mixins did not understand how

Answer 1

learn to ask questions. based on the comment under the answer Sergey : maybe like this?

@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');
}