SCSS 색상 속성 변수로 인한 문제들

개발
3

네, 그런데 변수를 settings.yml 파일에 이렇게 넣으면 제 환경에서는 작동하지 않아요. 여기서는 $color 변수를 사용하지 않았는데도 $color is not a color라는 오류가 뜹니다. 그래서 제가 이해하지 못하는 보간(interpolation) 문제와 관련이 있을 것 같아요.

header_color:
  type: string
  default: ""
  description: 
    en: "..."
  
transparency:
  type: string
  default: ""
  description: 
    en: "..."

제 생각에는 이것이 CSS가 컴파일되는 방식과 관련이 있는 것 같아요. 변수는 CSS 런타임에 선언하면 작동하지만, 별도의 settings.yml 파일을 통해 동적으로 사용할 때는 작동하지 않아요. :thinking:

아래처럼 작성해도 작동하지 않습니다:

.d-header {
    background: rgba(#{$header_color}, #{$transparency});
}