{"version":3,"sources":["_h-Constrain.less"],"names":[],"mappings":"AA4BA,aACE,UAAA,KAKA,YAAA,KAAmB,aAAA,KACnB,cAAA,KALA,gCAAA,aACE,UAAA,MACA,gBAAA","file":"h-Constrain.css","sourcesContent":["\n/*################################*\\\n    xmeter  |  _h-Constrain.less\n\\*################################*/\n\n\n// Constrain\n//\n// The Constrain Helper limits an element’s maximum inline-size\n// (width, in horizontal writing modes), ensuring body content does not expand infinitely.\n// It is very similar to the `.h-Measure` Helper, but it is meant for large containers,\n// not for individual elements of prose (such as a paragraph or list).\n// <header><dl>\n//   <dt>author</dt>  <dd>Chris Harvey</dd>\n//   <dt>updated</dt> <dd><time>2018-01-31</time></dd>\n// </dl></header>\n//\n// Markup:\n// <!--link rel=\"stylesheet\" href=\"/node_modules/xmeter/css/dist/h-Constrain.css\"/-->\n// <div class=\"h-Constrain\">\n//   <h1>content heading</h1>\n//   <p>This object is constrained to a maximum width. Expand\n//     your browser window (or zoom out) to see the effect.</p>\n// </div>\n//\n// Weight: 5.1\n//\n// Styleguide Helpers.Constrain\n.h-Constrain {\n  max-width: 90em; // COMBAK{FALLBACK}\n  @supports (max-inline-size: 1em) {\n    max-width: unset;\n    max-inline-size: 90em;\n  }\n  margin-left: auto; margin-right: auto; // COMBAK{FALLBACK}\n  margin-inline: auto;\n}\n"]}