Responsive Foundation 6.0.0

A mixin for linear gradients. Takes care of browser prefixes for you. You should always use this mixin when writing linear gradients rules to ensure you're compatible with the browsers we support. Always to supply a backup background color as well for browsers that do not support gradients. Does not support multiple gradients - you're on your own for that. Deprecated as of 4.0.0.

Examples

Create a fancy button with a subtle downward gradient.

			.fancy-button {
					@include linear-gradient( transparent, darken( $your-color, 10% ) );
					background-color: $your-color;
				}