xmeter/css/dist/o-Grid.css.map

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

{"version":3,"sources":["_o-Grid.less"],"names":[],"mappings":"AAoDA,QAMA,cACE,YAAA,QAPF,QACE,QAAA,SAAA,QAAA,KAEA,iBAAA,IAAA,sBAAA","file":"o-Grid.css","sourcesContent":["\n/*################################*\\\n    xmeter  |  _o-Grid.less\n\\*################################*/\n\n\n// The Grid Object\n//\n// The Grid Object is similar to the Flex Object except that it can be controlled in two dimensions.\n//\n// It has the structure of a list in that all items share the same container\n// (unlike tables where cells might not share the same row), while at the same time\n// appearing like a table with rows and columns.\n//\n// The Grid Object has one column at <code>1fr</code>, unless overridden.\n// Using CSS Grid properties and media queries, you can achieve a flexible and responsive table effect,\n// adjusting the number of columns and rows based on screen size and/or content.\n//\n// See https://css-tricks.com/snippets/css/complete-guide-grid/ 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-Grid.css\"/-->\n// <ul class=\"o-List o-Grid\">\n//   <li class=\"o-List__Item o-Grid__Item\">Burns &amp; McDonnell Engineering</li>\n//   <li class=\"o-List__Item o-Grid__Item\">DIS-TRAN Steel, LLC</li>\n//   <li class=\"o-List__Item o-Grid__Item\">EDM International</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Electrical Consultants, Inc.</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Fabrimet Inc.</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Falcon Steel Company</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Sabre-FWT</li>\n//   <li class=\"o-List__Item o-Grid__Item\">HDR</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Mitas Energy</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Power Consulting Associates, LLC</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Power Line Systems, Inc.</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Quanta Services</li>\n//   <li class=\"o-List__Item o-Grid__Item\">ReliaPOLE Inspection Services</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Sabre-FWT</li>\n//   <li class=\"o-List__Item o-Grid__Item\">SAE Towers</li>\n//   <li class=\"o-List__Item o-Grid__Item\">TAPP Steel Poles</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Trinity Meyer Utility Structures</li>\n//   <li class=\"o-List__Item o-Grid__Item\">TRC Engineers</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Underground Devices</li>\n//   <li class=\"o-List__Item o-Grid__Item\">Valmont Newmark</li>\n// </ul>\n//\n// Weight: 3\n//\n// Styleguide Objects.Grid\n.o-Grid {\n  display: grid;\n  line-height: inherit; // override lh-z on text-level elements\n  grid-template-columns: 1fr;\n}\n\n.o-Grid__Item {\n  line-height: inherit; // override lh-z on text-level elements\n}\n"]}