UNPKG

xmeter

Version:

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

1 lines 3.94 kB
{"version":3,"sources":["_-py.less"],"names":[],"mappings":"AAiCA,OACE,YAAA,EAAgB,eAAA,EAChB,cAAA,EAGF,OACE,YAAA,QAAqC,eAAA,QACrC,YAAA,sBAAqC,eAAA,sBACrC,YAAA,MAAqC,eAAA,MACrC,mCAAA,OACE,YAAA,MAAoB,eAAA,MACpB,cAAA,sBACA,cAAA,OAIJ,OACE,YAAA,OAAoC,eAAA,OACpC,YAAA,qBAAoC,eAAA,qBACpC,YAAA,KAAoC,eAAA,KACpC,mCAAA,OACE,YAAA,MAAoB,eAAA,MACpB,cAAA,qBACA,cAAA,MAIJ,OACE,YAAA,OAAwB,eAAA,OACxB,YAAA,UAAwB,eAAA,UACxB,YAAA,IAAwB,eAAA,IACxB,mCAAA,OACE,YAAA,MAAoB,eAAA,MACpB,cAAA,UACA,cAAA,KAIJ,OACE,YAAA,KAAkC,eAAA,KAClC,YAAA,oBAAkC,eAAA,oBAClC,YAAA,IAAkC,eAAA,IAClC,mCAAA,OACE,YAAA,MAAoB,eAAA,MACpB,cAAA,oBACA,cAAA,KAIJ,OACE,YAAA,KAAkC,eAAA,KAClC,YAAA,oBAAkC,eAAA,oBAClC,YAAA,IAAkC,eAAA,IAClC,mCAAA,OACE,YAAA,MAAoB,eAAA,MACpB,cAAA,oBACA,cAAA","file":"-py.css","sourcesContent":["\n/*################################*\\\n xmeter | _-py.less\n\\*################################*/\n\n\n// padding-vertical\n//\n// Set the `padding-top` and `padding-bottom` properties on an element,\n// or `padding-block` 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/-py.css\"/-->\n// <ul>\n// <li class=\"-py-0\">Point (0.00)</li>\n// <li class=\"-py-q\">Quark (0.25)</li>\n// <li class=\"-py-h\">Atom (0.50)</li>\n// <li class=\"-py-1\">Molecule (1.00)</li>\n// <li class=\"-py-2\">Asteroid (2.00)</li>\n// <li class=\"-py-4\">Planet (4.00)</li>\n// </ul>\n//\n// Weight: 2.2\n//\n// Styleguide Atoms.padding-vertical\n\n@p-lh: 1.5rem; // COMBAK{FALLBACK} for `lh` unit\n\n.-py-0 {\n padding-top: 0; padding-bottom: 0;\n padding-block: 0;\n}\n\n.-py-q {\n padding-top: (0.25 * @p-lh); padding-bottom: (0.25 * @p-lh); // COMBAK{FALLBACK}\n padding-top: calc(0.25 * var(--lh)); padding-bottom: calc(0.25 * var(--lh)); // COMBAK{FALLBACK}\n padding-top: 0.25lh; padding-bottom: 0.25lh;\n @supports (padding-block: var(--v)) {\n padding-top: unset; padding-bottom: unset;\n padding-block: calc(0.25 * var(--lh)); // COMBAK{FALLBACK}\n padding-block: 0.25lh;\n }\n}\n\n.-py-h {\n padding-top: (0.5 * @p-lh); padding-bottom: (0.5 * @p-lh); // COMBAK{FALLBACK}\n padding-top: calc(0.5 * var(--lh)); padding-bottom: calc(0.5 * var(--lh)); // COMBAK{FALLBACK}\n padding-top: 0.5lh; padding-bottom: 0.5lh;\n @supports (padding-block: var(--v)) {\n padding-top: unset; padding-bottom: unset;\n padding-block: calc(0.5 * var(--lh)); // COMBAK{FALLBACK}\n padding-block: 0.5lh;\n }\n}\n\n.-py-1 {\n padding-top: @p-lh; padding-bottom: @p-lh; // COMBAK{FALLBACK}\n padding-top: var(--lh); padding-bottom: var(--lh); // COMBAK{FALLBACK}\n padding-top: 1lh; padding-bottom: 1lh;\n @supports (padding-block: var(--v)) {\n padding-top: unset; padding-bottom: unset;\n padding-block: var(--lh); // COMBAK{FALLBACK}\n padding-block: 1lh;\n }\n}\n\n.-py-2 {\n padding-top: (2 * @p-lh); padding-bottom: (2 * @p-lh); // COMBAK{FALLBACK}\n padding-top: calc(2 * var(--lh)); padding-bottom: calc(2 * var(--lh)); // COMBAK{FALLBACK}\n padding-top: 2lh; padding-bottom: 2lh;\n @supports (padding-block: var(--v)) {\n padding-top: unset; padding-bottom: unset;\n padding-block: calc(2 * var(--lh)); // COMBAK{FALLBACK}\n padding-block: 2lh;\n }\n}\n\n.-py-4 {\n padding-top: (4 * @p-lh); padding-bottom: (4 * @p-lh); // COMBAK{FALLBACK}\n padding-top: calc(4 * var(--lh)); padding-bottom: calc(4 * var(--lh)); // COMBAK{FALLBACK}\n padding-top: 4lh; padding-bottom: 4lh;\n @supports (padding-block: var(--v)) {\n padding-top: unset; padding-bottom: unset;\n padding-block: calc(4 * var(--lh)); // COMBAK{FALLBACK}\n padding-block: 4lh;\n }\n}\n"]}