Interpolation

Interpolation

보간법이라고도 하며, #{} 을 사용합니다.
클래스에 이름을 여러가지 형태로 사용할 수 있습니다. 또한 @mixin 에서도 사용합니다.

scss

@mixin bx($position, $wid, $color) {
  border-#{ $position }: $wid solid $color;
}

div { @include bx(right, 2px, red) }
div { @include bx(left, 2px, blue) }
div { @include bx(bottom, 2px, gray) }
div { @include bx(top, 2px, green) }

css

div { border-right: 2px solid red; }

div { border-left: 2px solid blue; }

div { border-bottom: 2px solid gray; }

div { border-top: 2px solid green; }