TIL | SCSS Argument Default Value(인수 기본값 설정)

Argument(인수)는 Default Value(기본값)을 가질 수 있다.

@mixin mixinname($매개변수, 기본값) {
  style;
}

@include 포함 단계에서 별도의 인수가 전달되지 않으면 기본값이 사용된다.

SCSS

@mixin dash-line($width: 1px, $color: black) {
  border: $width dashed $color;
}

.box1 {
  @include dash-line;
}

.box2 {
  @include dash-line(4px);
}

⬇️
CSS

.box1 {
  border: 1px dashed black;
}

.box2 {
  border: 4px dashed black;
}