UNPKG

xmeter

Version:

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

github.com/chharvey/xmeter

chharvey/xmeter

1 lines • 2.28 kB
1
{"version":3,"sources":["_-mx.less"],"names":[],"mappings":"AA+BA,OACE,YAAA,EAAgB,aAAA,EAChB,cAAA,EAGF,OACE,YAAA,OAAsB,aAAA,OACtB,+BAAA,OACE,YAAA,MAAoB,aAAA,MACpB,cAAA,QAIJ,OACE,YAAA,MAAqB,aAAA,MACrB,+BAAA,OACE,YAAA,MAAoB,aAAA,MACpB,cAAA,OAIJ,OACE,YAAA,KAAmB,aAAA,KACnB,+BAAA,OACE,YAAA,MAAoB,aAAA,MACpB,cAAA,MAIJ,OACE,YAAA,KAAmB,aAAA,KACnB,+BAAA,OACE,YAAA,MAAoB,aAAA,MACpB,cAAA,MAIJ,OACE,YAAA,KAAmB,aAAA,KACnB,+BAAA,OACE,YAAA,MAAoB,aAAA,MACpB,cAAA","file":"-mx.css","sourcesContent":["\n/*################################*\\\n legacy | _-mx.less\n\\*################################*/\n\n\n// margin-horizontal\n//\n// Set the `margin-left` and `margin-right` properties on an element,\n// or `margin-inline` if it is supported.\n//\n// <header><dl>\n// <dt>author</dt> <dd>Chris Harvey</dd>\n// <dt>updated</dt> <dd><time>2018-07-07</time></dd>\n// </dl></header>\n//\n// Markup:\n// <!--link rel=\"stylesheet\" href=\"/node_modules/xmeter/css/dist/-mx.css\"/-->\n// <ul>\n// <li class=\"-mx-0\">Point (0.00)</li>\n// <li class=\"-mx-q\">Quark (0.25)</li>\n// <li class=\"-mx-h\">Atom (0.50)</li>\n// <li class=\"-mx-1\">Molecule (1.00)</li>\n// <li class=\"-mx-2\">Asteroid (2.00)</li>\n// <li class=\"-mx-4\">Planet (4.00)</li>\n// </ul>\n//\n// Weight: 1.5\n//\n// Styleguide Atoms.margin-horizontal\n\n.-mx-0 {\n margin-left: 0; margin-right: 0;\n margin-inline: 0;\n}\n\n.-mx-q {\n margin-left: 0.25rem; margin-right: 0.25rem;\n @supports (margin-inline: 1rem) {\n margin-left: unset; margin-right: unset;\n margin-inline: 0.25rem;\n }\n}\n\n.-mx-h {\n margin-left: 0.5rem; margin-right: 0.5rem;\n @supports (margin-inline: 1rem) {\n margin-left: unset; margin-right: unset;\n margin-inline: 0.5rem;\n }\n}\n\n.-mx-1 {\n margin-left: 1rem; margin-right: 1rem;\n @supports (margin-inline: 1rem) {\n margin-left: unset; margin-right: unset;\n margin-inline: 1rem;\n }\n}\n\n.-mx-2 {\n margin-left: 2rem; margin-right: 2rem;\n @supports (margin-inline: 1rem) {\n margin-left: unset; margin-right: unset;\n margin-inline: 2rem;\n }\n}\n\n.-mx-4 {\n margin-left: 4rem; margin-right: 4rem;\n @supports (margin-inline: 1rem) {\n margin-left: unset; margin-right: unset;\n margin-inline: 4rem;\n }\n}\n"]}