SCSS

SCSS에서 두 클래스를 합쳐서 새로운 클래스 만들기

extend style

.a {
  // .a의 스타일
  color: blue;
  background: yellow;
}

.b {
  // .b의 스타일
  font-size: 20px;
  padding: 10px;
}

.c {
  @extend .a;
  @extend .b;
  // 추가적인 .c의 스타일
}

mixin style

@mixin a-style {
  color: blue;
  background: yellow;
}

@mixin b-style {
  font-size: 20px;
  padding: 10px;
}

.c {
  @include a-style;
  @include b-style;
  // 추가적인 .c의 스타일
}