SCSS_each문

예시1

@each $var A, B, C{
  .class#{$var}{
    background: url(images/#{$var}.gif) no-repeat;
  }
}

 

예시2. 배열변수

$heading :(
  h1:30px,
  h2:20px,
  h3:15px
);

>>추후에 수정할 경우 변수의 값 수정하거나 추가 

@each $ele, $fs in $heading { >>$ele:선택자, $fs:값 
 #{$ele} {
   font-size: $fs;
 }
}

 

 

 

p.s - 유튜브 리베하얀 영상 참고