Sass Mixin for Long Text Shadow


If you follow flat design trends, you can easily implement long text shadows (see pen below) with long text shadow sass mixin. Long shadow mixin needs setLongShadow function which accepts shadow color and shadow length as parameters. This function loops through the length of shadow and gives value that will be assigned to text-shadow property.

See the Pen SASS Long Shadows by Maurice Conchis (@mauriceconchis) on CodePen.