/less-long-shadow

LESS: Flat-trendy long shadows generator mixins for any inline-text, font-icons or block-elements.

Primary LanguageCSSMIT LicenseMIT

LESS Long Shadow

This is a fork of zensimila's awesome tr3ndy long shadow mixin. It removed the @spread and added in a @min, @max which I found more useful.

Usage

.box {
	overflow: hidden;

	.longShadow(@color, @size, @spread);
	.longShadowBox(@color, @size, @max, @min);
}

Params

  • @color of shadow e.g. #00FFFF, @buttonShadowColor or darken(#00FFFF).
  • @size in pixels that shadow would be.
  • @max the start opacity as integer percentage (e.g. 42%)
  • @min the end opacity as an integer percentage (e.g. 42%)

Copyright and license

MIT License