UNPKG

xmeter

Version:

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

1 lines 2.32 kB
{"version":3,"sources":["_-px.less"],"names":[],"mappings":"AA+BA,OACE,aAAA,EAAiB,cAAA,EACjB,eAAA,EAGF,OACE,aAAA,OAAuB,cAAA,OACvB,gCAAA,OACE,aAAA,MAAqB,cAAA,MACrB,eAAA,QAIJ,OACE,aAAA,MAAsB,cAAA,MACtB,gCAAA,OACE,aAAA,MAAqB,cAAA,MACrB,eAAA,OAIJ,OACE,aAAA,KAAoB,cAAA,KACpB,gCAAA,OACE,aAAA,MAAqB,cAAA,MACrB,eAAA,MAIJ,OACE,aAAA,KAAoB,cAAA,KACpB,gCAAA,OACE,aAAA,MAAqB,cAAA,MACrB,eAAA,MAIJ,OACE,aAAA,KAAoB,cAAA,KACpB,gCAAA,OACE,aAAA,MAAqB,cAAA,MACrB,eAAA","file":"-px.css","sourcesContent":["\n/*################################*\\\n legacy | _-px.less\n\\*################################*/\n\n\n// padding-horizontal\n//\n// Set the `padding-left` and `padding-right` properties on an element,\n// or `padding-inline` if it is supported.\n//\n// <header><dl>\n// <dt>author</dt> <dd>Chris Harvey</dd>\n// <dt>updated</dt> <dd><time>2018-06-27</time></dd>\n// </dl></header>\n//\n// Markup:\n// <!--link rel=\"stylesheet\" href=\"/node_modules/xmeter/css/dist/-px.css\"/-->\n// <ul>\n// <li class=\"-px-0\">Point (0.00)</li>\n// <li class=\"-px-q\">Quark (0.25)</li>\n// <li class=\"-px-h\">Atom (0.50)</li>\n// <li class=\"-px-1\">Molecule (1.00)</li>\n// <li class=\"-px-2\">Asteroid (2.00)</li>\n// <li class=\"-px-4\">Planet (4.00)</li>\n// </ul>\n//\n// Weight: 2.5\n//\n// Styleguide Atoms.padding-horizontal\n\n.-px-0 {\n padding-left: 0; padding-right: 0;\n padding-inline: 0;\n}\n\n.-px-q {\n padding-left: 0.25rem; padding-right: 0.25rem;\n @supports (padding-inline: 1rem) {\n padding-left: unset; padding-right: unset;\n padding-inline: 0.25rem;\n }\n}\n\n.-px-h {\n padding-left: 0.5rem; padding-right: 0.5rem;\n @supports (padding-inline: 1rem) {\n padding-left: unset; padding-right: unset;\n padding-inline: 0.5rem;\n }\n}\n\n.-px-1 {\n padding-left: 1rem; padding-right: 1rem;\n @supports (padding-inline: 1rem) {\n padding-left: unset; padding-right: unset;\n padding-inline: 1rem;\n }\n}\n\n.-px-2 {\n padding-left: 2rem; padding-right: 2rem;\n @supports (padding-inline: 1rem) {\n padding-left: unset; padding-right: unset;\n padding-inline: 2rem;\n }\n}\n\n.-px-4 {\n padding-left: 4rem; padding-right: 4rem;\n @supports (padding-inline: 1rem) {\n padding-left: unset; padding-right: unset;\n padding-inline: 4rem;\n }\n}\n"]}