Sass: mixin or extend

extend.css

/* 6 selectors */

.a, .a .b, .a .b .c {
  color: red;
}

.a, .a .b, .a .b .c {
  font-size: 10px;
}

extend.sass

%hoge
  color: red

%fuga
  font-size: 10px
  @extend %hoge

.a
  @extend %fuga
  .b
    @extend %fuga
    .c
      @extend %fuga

mixin.css

/* 3 selectors */

.a {
  font-size: 10px;
  color: red;
}
.a .b {
  font-size: 10px;
  color: red;
}
.a .b .c {
  font-size: 10px;
  color: red;
}

mixin.sass

=hoge
  color: red

=fuga
  font-size: 10px
  +hoge

.a
  +fuga
  .b
    +fuga
    .c
      +fuga