RCSS: Decorators: Gradient - Qfusion/qfusion GitHub Wiki

The 'gradient' decorator can render a color gradient.

gradient-dir

gradient-start, gradient-end

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;
}