Sass(SCSS)で@mixinと@includeを使用してスタイルを再利用する方法

@mixin reset-box {
  border: 0;
  margin: 0;
  padding: 0;
}

@mixin reset-box {
  border: 0;
  margin: 0;
  padding: 0;
}

.container {
  @include reset-box;
  background-color: yellow;
}

.container {
  border: 0;
  margin: 0;
  padding: 0;
  background-color: yellow;
}

// 引数に$colorと$borderを保持
// $borderのデフォルト値として1pxを指定
@mixin text-border($color, $border: 1px) {
  border: solid $border $color;
  color: $color;
  margin: 0;
  padding: 0;
}

.error {
  @include text-border(red);
}

.info {
  @include text-border(blue, 2px);
}

// コンパイルエラー
// .warning {
//   @include text-border();
// }

.error {
  border: solid 1px red;
  color: red;
  margin: 0;
  padding: 0;
}

.info {
  border: solid 2px blue;
  color: blue;
  margin: 0;
  padding: 0;
}