xmeter/css/src/_h-Inline.less

A default stylesheet with a set of tools that make designing with vertical rhythm easy.

/*################################*\
    xmeter  |  _h-Inline.less
\*################################*/


// Inline
//
// The Inline Helper displays an element in line, with a line-height of 0 to maintain vertical rhythm.
// This class is useful for creating inline lists,
// that is, lists whose items are each displayed in line, one right after another.
// <header><dl>
//   <dt>author</dt>  <dd>Chris Harvey</dd>
//   <dt>updated</dt> <dd><time>2017-02-09</time></dd>
// </dl></header>
//
// Markup:
// <!--link rel="stylesheet" href="/node_modules/xmeter/css/dist/h-Inline.css"/-->
// <ul>
//   <li class="h-Inline">spacetime </li>
//   <li class="h-Inline">black hole </li>
//   <li class="h-Inline">singularity </li>
//   <li class="h-Inline">gravity </li>
//   <li class="h-Inline">supernova </li>
//   <li class="h-Inline">neutron star </li>
// <ul>
//
// Weight: 2
//
// Styleguide Helpers.Inline
.h-Inline {
  display: inline;
  line-height: 0;
}