lucamug / elm-ui-with-context / Element.WithContext.Background

color : Element.WithContext.Color -> Element.WithContext.Attr context decorative msg

gradient : { angle : Basics.Float, steps : List Element.WithContext.Color } -> Element.WithContext.Attr context decorative msg

A linear gradient.

First you need to specify what direction the gradient is going by providing an angle in radians. 0 is up and pi is down.

The colors will be evenly spaced.

Images

image : String -> Element.WithContext.Attribute context msg

Resize the image to fit the containing element while maintaining proportions and cropping the overflow.

uncropped : String -> Element.WithContext.Attribute context msg

A centered background image that keeps its natural proportions, but scales to fit the space.

tiled : String -> Element.WithContext.Attribute context msg

Tile an image in the x and y axes.

tiledX : String -> Element.WithContext.Attribute context msg

Tile an image in the x axis.