UNPKG

xmeter

Version:

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

1 lines 3.25 kB
{"version":3,"sources":["_-pb.less"],"names":[],"mappings":"AAiCA,OACE,eAAA,EACA,sBAAA,EAAA,kBAAA,EAGF,OACE,eAAA,QACA,eAAA,sBACA,eAAA,MACA,6EAAA,OACE,eAAA,MACA,sBAAA,sBAAA,kBAAA,sBACA,sBAAA,MAAA,kBAAA,OAIJ,OACE,eAAA,OACA,eAAA,qBACA,eAAA,KACA,6EAAA,OACE,eAAA,MACA,sBAAA,qBAAA,kBAAA,qBACA,sBAAA,KAAA,kBAAA,MAIJ,OACE,eAAA,OACA,eAAA,UACA,eAAA,IACA,6EAAA,OACE,eAAA,MACA,sBAAA,UAAA,kBAAA,UACA,sBAAA,IAAA,kBAAA,KAIJ,OACE,eAAA,KACA,eAAA,oBACA,eAAA,IACA,6EAAA,OACE,eAAA,MACA,sBAAA,oBAAA,kBAAA,oBACA,sBAAA,IAAA,kBAAA,KAIJ,OACE,eAAA,KACA,eAAA,oBACA,eAAA,IACA,6EAAA,OACE,eAAA,MACA,sBAAA,oBAAA,kBAAA,oBACA,sBAAA,IAAA,kBAAA","file":"-pb.css","sourcesContent":["\n/*################################*\\\n xmeter | _-pb.less\n\\*################################*/\n\n\n// padding-bottom\n//\n// Set the `padding-bottom` property on an element,\n// or `padding-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-06-27</time></dd>\n// </dl></header>\n//\n// Markup:\n// <!--link rel=\"stylesheet\" href=\"/node_modules/xmeter/css/dist/-pb.css\"/-->\n// <ul>\n// <li class=\"-pb-0\">Point (0.00)</li>\n// <li class=\"-pb-q\">Quark (0.25)</li>\n// <li class=\"-pb-h\">Atom (0.50)</li>\n// <li class=\"-pb-1\">Molecule (1.00)</li>\n// <li class=\"-pb-2\">Asteroid (2.00)</li>\n// <li class=\"-pb-4\">Planet (4.00)</li>\n// </ul>\n//\n// Weight: 2.1\n//\n// Styleguide Atoms.padding-bottom\n\n@p-lh: 1.5rem; // COMBAK{FALLBACK} for `lh` unit\n\n.-pb-0 {\n padding-bottom: 0;\n padding-block-end: 0;\n}\n\n.-pb-q {\n padding-bottom: (0.25 * @p-lh); // COMBAK{FALLBACK}\n padding-bottom: calc(0.25 * var(--lh)); // COMBAK{FALLBACK}\n padding-bottom: 0.25lh;\n @supports (padding-block-end: var(--v)) {\n padding-bottom: unset;\n padding-block-end: calc(0.25 * var(--lh)); // COMBAK{FALLBACK}\n padding-block-end: 0.25lh;\n }\n}\n\n.-pb-h {\n padding-bottom: (0.5 * @p-lh); // COMBAK{FALLBACK}\n padding-bottom: calc(0.5 * var(--lh)); // COMBAK{FALLBACK}\n padding-bottom: 0.5lh;\n @supports (padding-block-end: var(--v)) {\n padding-bottom: unset;\n padding-block-end: calc(0.5 * var(--lh)); // COMBAK{FALLBACK}\n padding-block-end: 0.5lh;\n }\n}\n\n.-pb-1 {\n padding-bottom: @p-lh; // COMBAK{FALLBACK}\n padding-bottom: var(--lh); // COMBAK{FALLBACK}\n padding-bottom: 1lh;\n @supports (padding-block-end: var(--v)) {\n padding-bottom: unset;\n padding-block-end: var(--lh); // COMBAK{FALLBACK}\n padding-block-end: 1lh;\n }\n}\n\n.-pb-2 {\n padding-bottom: (2 * @p-lh); // COMBAK{FALLBACK}\n padding-bottom: calc(2 * var(--lh)); // COMBAK{FALLBACK}\n padding-bottom: 2lh;\n @supports (padding-block-end: var(--v)) {\n padding-bottom: unset;\n padding-block-end: calc(2 * var(--lh)); // COMBAK{FALLBACK}\n padding-block-end: 2lh;\n }\n}\n\n.-pb-4 {\n padding-bottom: (4 * @p-lh); // COMBAK{FALLBACK}\n padding-bottom: calc(4 * var(--lh)); // COMBAK{FALLBACK}\n padding-bottom: 4lh;\n @supports (padding-block-end: var(--v)) {\n padding-bottom: unset;\n padding-block-end: calc(4 * var(--lh)); // COMBAK{FALLBACK}\n padding-block-end: 4lh;\n }\n}\n"]}