Position contains everything about position rendering.
Represents a position, whih can be static, absolute, relative, fixed or sticky.
You don't need to bother about it, since it is generated by static
, absolute
,
relative
, fixed
or sticky
.
Elegant.Surrounded.Surrounded Elegant.Helpers.Shared.SizeUnit
Represents the coordinates of the element. There is top, bottom, left and right.
static : Position
Position the element as static.
absolute : Modifiers Coordinates -> Position
Position the element as absolute, and requires coordinates.
relative : Modifiers Coordinates -> Position
Position the element as relative, and requires coordinates.
fixed : Modifiers Coordinates -> Position
Position the element as fixed, and requires coordinates.
sticky : Modifiers Coordinates -> Position
Position the element as sticky, and requires coordinates.
top : Elegant.Helpers.Shared.SizeUnit -> Modifiers.Modifier Coordinates
Accepts a size, and modify the top position.
right : Elegant.Helpers.Shared.SizeUnit -> Modifiers.Modifier Coordinates
Accepts a size, and modify the right position.
bottom : Elegant.Helpers.Shared.SizeUnit -> Modifiers.Modifier Coordinates
Accepts a size, and modify the bottom position.
left : Elegant.Helpers.Shared.SizeUnit -> Modifiers.Modifier Coordinates
Accepts a size, and modify the left position.
horizontal : Elegant.Helpers.Shared.SizeUnit -> Modifiers.Modifier Coordinates
Accepts a size, and modify both the top and bottom positions.
vertical : Elegant.Helpers.Shared.SizeUnit -> Modifiers.Modifier Coordinates
Accepts a size, and modify both the left and right positions.
all : Elegant.Helpers.Shared.SizeUnit -> Modifiers.Modifier Coordinates
Accepts a size, and modify the four positions.
positionToCouples : Position -> List ( String, String )
Compiles a Position
to the corresponding CSS list of tuples.
Compiles only styles which are defined, ignoring Nothing
fields.