Sass Map에서 동일한 스타일의 반복 설명 생략

.footer {
  padding: 70px 0;

  @mixin btn($color) {
    display: block;
    padding: 20px 30px;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    background-color: $color;
    text: {
      decoration: none;
      align: center;
    }
  }

  $map: (
    facebook: #4668b3,
    google: #de5745,
    twitter: #2fbbed,
    pinterest: #d94348,
    behance: #3079ff,
    dribbble: #eb6397
  );

  &__sns {
    &__list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;

      & > li {
        width: 32%;
        &:nth-child(n+4){
          margin-top: 20px;
        }
      }
    }

    &__btn {
      @each $class, $color in $map {
        &.is-#{$class}{ // ★
      @include btn(map-get($map, $class));
        }
      }
    }
  }
}

참고