UNPKG

xmeter

Version:

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

1 lines 3.21 kB
{"version":3,"sources":["_-mb.less"],"names":[],"mappings":"AAiCA,OACE,cAAA,EACA,qBAAA,EAAA,iBAAA,EAGF,OACE,cAAA,QACA,cAAA,sBACA,cAAA,MACA,2EAAA,OACE,cAAA,MACA,qBAAA,sBAAA,iBAAA,sBACA,qBAAA,MAAA,iBAAA,OAIJ,OACE,cAAA,OACA,cAAA,qBACA,cAAA,KACA,2EAAA,OACE,cAAA,MACA,qBAAA,qBAAA,iBAAA,qBACA,qBAAA,KAAA,iBAAA,MAIJ,OACE,cAAA,OACA,cAAA,UACA,cAAA,IACA,2EAAA,OACE,cAAA,MACA,qBAAA,UAAA,iBAAA,UACA,qBAAA,IAAA,iBAAA,KAIJ,OACE,cAAA,KACA,cAAA,oBACA,cAAA,IACA,2EAAA,OACE,cAAA,MACA,qBAAA,oBAAA,iBAAA,oBACA,qBAAA,IAAA,iBAAA,KAIJ,OACE,cAAA,KACA,cAAA,oBACA,cAAA,IACA,2EAAA,OACE,cAAA,MACA,qBAAA,oBAAA,iBAAA,oBACA,qBAAA,IAAA,iBAAA","file":"-mb.css","sourcesContent":["\n/*################################*\\\n xmeter | _-mb.less\n\\*################################*/\n\n\n// margin-bottom\n//\n// Set the `margin-bottom` property on an element,\n// or `margin-block-end` if it is supported.\n//\n// <header><dl>\n// <dt>author</dt> <dd>Chris Harvey</dd>\n// <dt>updated</dt> <dd><time>2018-04-13</time></dd>\n// </dl></header>\n//\n// Markup:\n// <!--link rel=\"stylesheet\" href=\"/node_modules/xmeter/css/dist/-mb.css\"/-->\n// <ul>\n// <li class=\"-mb-0\">Point (0.00)</li>\n// <li class=\"-mb-q\">Quark (0.25)</li>\n// <li class=\"-mb-h\">Atom (0.50)</li>\n// <li class=\"-mb-1\">Molecule (1.00)</li>\n// <li class=\"-mb-2\">Asteroid (2.00)</li>\n// <li class=\"-mb-4\">Planet (4.00)</li>\n// </ul>\n//\n// Weight: 1.1\n//\n// Styleguide Atoms.margin-bottom\n\n@p-lh: 1.5rem; // COMBAK{FALLBACK} for `lh` unit\n\n.-mb-0 {\n margin-bottom: 0;\n margin-block-end: 0;\n}\n\n.-mb-q {\n margin-bottom: (0.25 * @p-lh); // COMBAK{FALLBACK}\n margin-bottom: calc(0.25 * var(--lh)); // COMBAK{FALLBACK}\n margin-bottom: 0.25lh;\n @supports (margin-block-end: var(--v)) {\n margin-bottom: unset;\n margin-block-end: calc(0.25 * var(--lh)); // COMBAK{FALLBACK}\n margin-block-end: 0.25lh;\n }\n}\n\n.-mb-h {\n margin-bottom: (0.5 * @p-lh); // COMBAK{FALLBACK}\n margin-bottom: calc(0.5 * var(--lh)); // COMBAK{FALLBACK}\n margin-bottom: 0.5lh;\n @supports (margin-block-end: var(--v)) {\n margin-bottom: unset;\n margin-block-end: calc(0.5 * var(--lh)); // COMBAK{FALLBACK}\n margin-block-end: 0.5lh;\n }\n}\n\n.-mb-1 {\n margin-bottom: @p-lh; // COMBAK{FALLBACK}\n margin-bottom: var(--lh); // COMBAK{FALLBACK}\n margin-bottom: 1lh;\n @supports (margin-block-end: var(--v)) {\n margin-bottom: unset;\n margin-block-end: var(--lh); // COMBAK{FALLBACK}\n margin-block-end: 1lh;\n }\n}\n\n.-mb-2 {\n margin-bottom: (2 * @p-lh); // COMBAK{FALLBACK}\n margin-bottom: calc(2 * var(--lh)); // COMBAK{FALLBACK}\n margin-bottom: 2lh;\n @supports (margin-block-end: var(--v)) {\n margin-bottom: unset;\n margin-block-end: calc(2 * var(--lh)); // COMBAK{FALLBACK}\n margin-block-end: 2lh;\n }\n}\n\n.-mb-4 {\n margin-bottom: (4 * @p-lh); // COMBAK{FALLBACK}\n margin-bottom: calc(4 * var(--lh)); // COMBAK{FALLBACK}\n margin-bottom: 4lh;\n @supports (margin-block-end: var(--v)) {\n margin-bottom: unset;\n margin-block-end: calc(4 * var(--lh)); // COMBAK{FALLBACK}\n margin-block-end: 4lh;\n }\n}\n"]}