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.