text-shadow で縁取り文字を実現する sass mixin

@mixin font-outline($lineWidth: 2px, $color: #000, $steps: 16){
  $q: "";
  @for $i from 0 through $steps{
    $q: $q + cos($i / $steps * 360) * $lineWidth sin($i / $steps * 360) * $lineWidth 0px $color;
    @if($i != $steps){
      $q: $q + ", ";
    }
  }
  @include text-shadow(#{$q});
}

USE IT LIKE THIS !!!

.my-awesome-title{
  @include font-outline();
}

Compass必須
コピペして使ってね