Layout
  
>
  

Padding

With the Pad keyword you easily define padding without having to define it in the CSS.
There's also a definition called doc-padding which is the default padding that Creator uses where needed.

Syntax

[pad]-[xs|sm|md|lg|xl]

<div class="pad-sm">small</div>
<div class="pad-md">medium</div>

Available values

  • pad-xs (4px)
  • pad-sm (8px)
  • pad-md (16px)
  • pad-lg (24px)
  • pad-xl (32px)
  • doc-padding (16px)

Samples

<div class="pad-xs" style="background-color:#497238;">PAD-XS</div>
Result:
PAD-XS
<div class="pad-sm" style="background-color:#497238;">PAD-SM</div>
Result:
PAD-SM
<div class="pad-md" style="background-color:#497238;">PAD-MD</div>
Result:
PAD-MD
<div class="pad-lg" style="background-color:#497238;">PAD-LG</div>
Result:
PAD-LG
<div class="pad-xl" style="background-color:#497238;">PAD-XL</div>
Result:
PAD-XL
<div class="doc-padding" style="background-color:#497238;">DOC-PADDING</div>
Result:
DOC-PADDING


stage: in the making