[CSS/SCSS] @each 활용

$theme-colors:(

  "pink" : hotpink,

  "red":crimson

);

//each에서 $theme 와 $color를 어떻게 구분하는지 문제임.

// theme-colors의 키들을 추출해서 value를 끌어낸다는건

// 파악은 했는데 이해랄까 기억하기 어려운 느낌.

// 이 내용을 지금 눈돌리면 다시 이해하기

//  어려울예정이라는게 느껴짐

@each $theme, $color in $theme-colors{

  .theme-#{$theme}{

    background-color: $color;

    color:white;

  }

}

 

 

어.... 지금 눈 돌리면 기억에서 사라질 예정;;

 

리스트 theme-colors 에서 키와 value를

$theme, $color라고 명시적으로 정의하는 부분이 없는데

저렇게 갖다 쓴다는게 이해하고 기억하기 아주 아주 어렵다...

쓰여진게 있다면 파악은 가능할것같은데

내가 쓰기에는 좀;;;;;

이라는게 체감됨