Xmeter Style Guide

7.9 #Atoms.padding-vertical padding-vertical

Toggle example guides Toggle HTML markup

Set the padding-top and padding-bottom properties on an element, or padding-block 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/-py.css"/-->
<ul>
  <li class="-py-0">Point    (0.00)</li>
  <li class="-py-q">Quark    (0.25)</li>
  <li class="-py-h">Atom     (0.50)</li>
  <li class="-py-1">Molecule (1.00)</li>
  <li class="-py-2">Asteroid (2.00)</li>
  <li class="-py-4">Planet   (4.00)</li>
</ul>
Source: _-py.less, line 7