SuperGradient

SASS Multicolor Gradient Mixin (Linear & Radial)

Fork Me on Github Fork Me on Github

Vertical, two colors

@include sgradient( $colors: ( (#31B7D7, 0%), (#EDAC7D, 100%) ) );

Horizontal, three colors

@include sgradient( $from: left, $colors: ( (#E47D7D, 0%), (#C195D3, 50%), (#4FB4E8, 100%) ) );

Diagonal, four colors

@include sgradient( $from: top left, $colors: ( (#B58234, 0%), (#D2B545, 50%), (#D7C04D, 50.01%), (#FFFFFF, 100%) ) );

Radial, two colors

@include sgradient( $type: radial, $colors: ( (#8ABB5D, 0%), (#42736F, 100%) ) );

Radial, three colors

@include sgradient( $type: radial, $from: top right, $colors: ( (#C5492C, 0%), (#EAA14E, 50%), (#F0EB7F, 100%) ) );