Xmeter Style Guide

7.8 #Atoms.padding-bottom padding-bottom

Toggle example guides Toggle HTML markup

Set the padding-bottom property on an element, or padding-block-end if it is supported.

author
Chris Harvey
updated
Example
  • Point (0.00)
  • Quark (0.25)
  • Atom (0.50)
  • Molecule (1.00)
  • Asteroid (2.00)
  • Planet (4.00)
Markup
<!--link rel="stylesheet" href="/node_modules/xmeter/css/dist/-pb.css"/-->
<ul>
  <li class="-pb-0">Point    (0.00)</li>
  <li class="-pb-q">Quark    (0.25)</li>
  <li class="-pb-h">Atom     (0.50)</li>
  <li class="-pb-1">Molecule (1.00)</li>
  <li class="-pb-2">Asteroid (2.00)</li>
  <li class="-pb-4">Planet   (4.00)</li>
</ul>
Source: _-pb.less, line 7