Xmeter Style Guide

7.12 #Atoms.padding-horizontal padding-horizontal

Toggle example guides Toggle HTML markup

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