Xmeter Style Guide

7.3 #Atoms.margin-vertical margin-vertical

Toggle example guides Toggle HTML markup

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