Padding contains everything about paddings rendering.
Elegant.Helpers.Shared.SizeUnit
The Padding
record contains everything about one padding side.
You probably won't use it as is, but instead using Elegant.padding
which automatically generate an empty Padding
record. You
can then use modifiers. I.E.
Elegant.padding
[ Padding.top <| Padding.width (px 30)
, Padding.vertical <| Padding.width (px 40)
]
Generate an empty Padding
record, equal to 0 px.
You are free to use it as you wish, but it is instanciated automatically by Elegant.padding
.
Accepts a padding modifier, and modify the top side of the padding.
Accepts a padding modifier, and modify the right side of the padding.
Accepts a padding modifier, and modify the bottom side of the padding.
Accepts a padding modifier, and modify the left side of the padding.
Accepts a padding modifier, and modify both the top and the bottom side of the padding.
Accepts a padding modifier, and modify both the right and left side of the padding.
Accepts a padding modifier, and modify the four sides of the padding.
Compiles a Surrounded Padding
record to the corresponding CSS list of tuples.
Compiles only styles which are defined, ignoring Nothing
fields.