RCSS: Decorators: Gradient

The 'gradient' decorator can render a color gradient.

gradient-dir

Property	Comment
Value:	horizontal | vertical
Initial:	vertical
Percentages:	N/A

gradient-start, gradient-end

Property	Comment
Value:	<colour>
Initial:	N/A
Percentages:	N/A

Starting color (left or top) and ending color (right or bottom)

gradient

A shorthand property for setting gradient-src, gradient-start and gradient-end.

Usage examples:

#header {
    grad-decorator: gradient;
    grad-dir: horizontal;
    grad-start: #ff00ff;
    grad-end: #00ff00;
}

#header {
    grad-decorator: gradient;
    grad-gradient: horizontal #ff00ff #00ff00;
}