UNPKG

xmeter

Version:

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

1 lines 2.81 kB
{"version":3,"sources":["_-rg.less"],"names":[],"mappings":"AA+BA,OACC,aAAA,EACA,QAAA,EAGD,OACC,aAAA,QACA,aAAA,sBACA,aAAA,MACA,QAAA,QACA,QAAA,sBACA,QAAA,MAGD,OACC,aAAA,OACA,aAAA,qBACA,aAAA,KACA,QAAA,OACA,QAAA,qBACA,QAAA,KAGD,OACC,aAAA,OACA,aAAA,UACA,aAAA,IACA,QAAA,OACA,QAAA,UACA,QAAA,IAGD,OACC,aAAA,KACA,aAAA,oBACA,aAAA,IACA,QAAA,KACA,QAAA,oBACA,QAAA,IAGD,OACC,aAAA,KACA,aAAA,oBACA,aAAA,IACA,QAAA,KACA,QAAA,oBACA,QAAA","file":"-rg.css","sourcesContent":["\n/*################################*\\\n\t\txmeter | _-rg.less\n\\*################################*/\n\n\n// row-gap\n//\n// Set the `row-gap` property on an element,\n// with `grid-row-gap` as a fallback.\n//\n// <header><dl>\n// \t<dt>author</dt> <dd>Chris Harvey</dd>\n// \t<dt>updated</dt> <dd><time>2019-04-16</time></dd>\n// </dl></header>\n//\n// Markup:\n// <!--link rel=\"stylesheet\" href=\"/node_modules/xmeter/css/dist/-rg.css\"/-->\n// <ul class=\"-rg-0\"><li>Point </li><li>(0.00)</li></ul>\n// <ul class=\"-rg-q\"><li>Quark </li><li>(0.25)</li></ul>\n// <ul class=\"-rg-h\"><li>Atom </li><li>(0.50)</li></ul>\n// <ul class=\"-rg-1\"><li>Molecule</li><li>(1.00)</li></ul>\n// <ul class=\"-rg-2\"><li>Asteroid</li><li>(2.00)</li></ul>\n// <ul class=\"-rg-4\"><li>Planet </li><li>(4.00)</li></ul>\n//\n// Weight: 0.1\n//\n// Styleguide Atoms.row-gap\n\n@p-lh: 1.5rem; // COMBAK{FALLBACK} for `lh` unit\n\n.-rg-0 {\n\tgrid-row-gap: 0;\n\trow-gap: 0;\n}\n\n.-rg-q {\n\tgrid-row-gap: (0.25 * @p-lh); // COMBAK{FALLBACK}\n\tgrid-row-gap: calc(0.25 * var(--lh)); // COMBAK{FALLBACK}\n\tgrid-row-gap: 0.25lh;\n\trow-gap: (0.25 * @p-lh); // COMBAK{FALLBACK}\n\trow-gap: calc(0.25 * var(--lh)); // COMBAK{FALLBACK}\n\trow-gap: 0.25lh;\n}\n\n.-rg-h {\n\tgrid-row-gap: (0.5 * @p-lh); // COMBAK{FALLBACK}\n\tgrid-row-gap: calc(0.5 * var(--lh)); // COMBAK{FALLBACK}\n\tgrid-row-gap: 0.5lh;\n\trow-gap: (0.5 * @p-lh); // COMBAK{FALLBACK}\n\trow-gap: calc(0.5 * var(--lh)); // COMBAK{FALLBACK}\n\trow-gap: 0.5lh;\n}\n\n.-rg-1 {\n\tgrid-row-gap: @p-lh; // COMBAK{FALLBACK}\n\tgrid-row-gap: var(--lh); // COMBAK{FALLBACK}\n\tgrid-row-gap: 1lh;\n\trow-gap: @p-lh; // COMBAK{FALLBACK}\n\trow-gap: var(--lh); // COMBAK{FALLBACK}\n\trow-gap: 1lh;\n}\n\n.-rg-2 {\n\tgrid-row-gap: (2 * @p-lh); // COMBAK{FALLBACK}\n\tgrid-row-gap: calc(2 * var(--lh)); // COMBAK{FALLBACK}\n\tgrid-row-gap: 2lh;\n\trow-gap: (2 * @p-lh); // COMBAK{FALLBACK}\n\trow-gap: calc(2 * var(--lh)); // COMBAK{FALLBACK}\n\trow-gap: 2lh;\n}\n\n.-rg-4 {\n\tgrid-row-gap: (4 * @p-lh); // COMBAK{FALLBACK}\n\tgrid-row-gap: calc(4 * var(--lh)); // COMBAK{FALLBACK}\n\tgrid-row-gap: 4lh;\n\trow-gap: (4 * @p-lh); // COMBAK{FALLBACK}\n\trow-gap: calc(4 * var(--lh)); // COMBAK{FALLBACK}\n\trow-gap: 4lh;\n}\n"]}