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必須
コピペして使ってね