{"version":3,"sources":["_o-Flex.less"],"names":[],"mappings":"AAsDA,QACE,QAAA,YAAA,QAAA,KACA,YAAA,QACA,iBAAA,QAAA,gBAAA,cAGF,cACE,iBAAA,EAAA,KAAA,KACA,YAAA","file":"o-Flex.css","sourcesContent":["\n/*################################*\\\n    xmeter  |  _o-Flex.less\n\\*################################*/\n\n\n// The Flex Object\n//\n// The Flex Object is a container of flexible items arranged in one dimension.\n//\n// The axis, called the <b>main-axis</b>, is horizontal by default, but you can\n// change the orientation to vertical using <code>flex-direction</code>.\n//\n// Also by default, the items along the main-axis do not wrap to the next track (row or column),\n// but you can use <code>flex-wrap</code> to override this as well. If wrapping is turned on,\n// the point where the wrap occurs is not controlled. This is by design.\n// For two-dimensional control, see the Grid Object.\n//\n// Each flex item has a <b>main size</b> of <code>auto</code>, which defers to its\n// <code>width</code> (or <code>height</code>) property. If that property is not explicitly set\n// (or is explicitly set to <code>auto</code>), then the item’s main size will set\n// automatically based its contents.\n//\n// The flex items will grow or shrink together to fit into the allotted space.\n// By default, the extra space (if any) will be distributed <em>between</em> the items.\n// You can override this with <code>justify-content</code>.\n//\n// See https://css-tricks.com/snippets/css/a-guide-to-flexbox/ for details.\n// <header><dl>\n//   <dt>author</dt>  <dd>Chris Harvey</dd>\n//   <dt>updated</dt> <dd><time>2017-06-09</time></dd>\n// </dl></header>\n//\n// Markup:\n// <!--link rel=\"stylesheet\" href=\"/node_modules/xmeter/css/dist/o-Flex.css\"/-->\n// <ul class=\"o-List o-Flex\">\n//   <li class=\"o-List__Item o-Flex__Item\">Burns &amp; McDonnell Engineering</li>\n//   <li class=\"o-List__Item o-Flex__Item\">DIS-TRAN Steel, LLC</li>\n//   <li class=\"o-List__Item o-Flex__Item\">EDM International</li>\n//   <li class=\"o-List__Item o-Flex__Item\">Electrical Consultants, Inc.</li>\n//   <li class=\"o-List__Item o-Flex__Item\">Fabrimet Inc.</li>\n//   <li class=\"o-List__Item o-Flex__Item\">Falcon Steel Company</li>\n//   <li class=\"o-List__Item o-Flex__Item\">Sabre-FWT</li>\n//   <li class=\"o-List__Item o-Flex__Item\">HDR</li>\n//   <li class=\"o-List__Item o-Flex__Item\">Mitas Energy</li>\n//   <li class=\"o-List__Item o-Flex__Item\">Power Consulting Associates, LLC</li>\n//   <li class=\"o-List__Item o-Flex__Item\">Power Line Systems, Inc.</li>\n//   <li class=\"o-List__Item o-Flex__Item\">Quanta Services</li>\n//   <li class=\"o-List__Item o-Flex__Item\">ReliaPOLE Inspection Services</li>\n// </ul>\n//\n// Weight: 2\n//\n// Styleguide Objects.Flex\n.o-Flex {\n  display: flex;\n  line-height: inherit; // override lh-z on text-level elements\n  justify-content: space-between;\n}\n\n.o-Flex__Item {\n  flex: auto;\n  line-height: inherit; // override lh-z on text-level elements\n}\n"]}