Vertical-Gradient Background

Design

The vertical-gradient background paints a linear, vertical gradient.

.myItem {
	background {
	type: vertical-gradient;
	top-color: red;
	bottom-color: black;
	start: 0%;
	end: 100%;
	}
}

CSS attributes:

CSS Attribute	Default	Values	Explanation
type	vertical-gradient	-	Set the `type` to `vertical-gradient`.
top-color	white	color definition	The color of the background at the top, can be a rbg/hexadecimal value of the color or the name of the color as defined in the colors section.
bottom-color	blue	color definition	The color of the background at the bottom, can be a rbg/hexadecimal value of the color or the name of the color as defined in the colors section.
start	0%	percent or pixel value	The desired start point of the gradient. Until the start the defined top-color will be painted: background-start: 20%;
end	100%	percent or pixel value	The desired end point of the gradient. From the end row onwards the defined bottom-color will be painted: background-bottom: 70%;
stroke	solid	solid, dotted	The stroke style of the gradient.