UNPKG

xmeter

Version:

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

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