mdgriffith/stylish-elephants/3.0.1

NOTE: this package is not compatible with Elm 0.19.1

Element.Border

Border Properties

color : Color -> Attribute msg
mouseOverColor : Color -> Attribute msg

Border Widths

width : Int -> Attribute msg
widthXY : Int -> Int -> Attribute msg

Set horizontal and vertical borders.

{ bottom : Int
, left : Int
, right : Int
, top : Int
}
-> Attribute msg

Border Styles

solid : Attribute msg
dashed : Attribute msg
dotted : Attribute msg

Rounded Border

rounded : Int -> Attribute msg

Round all corners.

{ topLeft : Int
, topRight : Int
, bottomLeft : Int
, bottomRight : Int
}
-> Attribute msg
glow : Color -> Float -> Attribute msg

A simple glow by specifying the color and size.

innerGlow : Color -> Float -> Attribute msg
{ offset : ( Float, Float )
, blur : Float
, color : Color
}
-> Attribute msg

A drop shadow will add a shadow to whatever shape you give it.

So, if you apply a drop shadow to an image with an alpha channel, the shadow will appear around the edges of the non-trasparent part.

{ offset : ( Float, Float )
, size : Float
, blur : Float
, color : Color
}
-> Attribute msg