xmeter
Version:
A default stylesheet with a set of tools that make designing with vertical rhythm easy.
1 lines • 59.7 kB
Source Map (JSON)
{"version":3,"sources":["../../node_modules/normalize.css/normalize.css","_base.css","_base.less","reset.css","_-pt.less","_h-FontSize.less","_-mb.less","__tool.fontsize.less","_-pl.less","__tool.delims.less","__tool.borders.less"],"names":[],"mappings":"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","file":"base.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*################################*\\\n xmeter | _base.less\n\\*################################*/\n\n/*================================*\\\n reset.css\n\\*================================*/\n\n\nbody {\n text-align: start; /* COMBAK{FALLBACK} */\n text-align: initial; /* fix unsupported browsers initial value */\n background: #fff;\n color: #000;\n}\n\nsup, sub {\n vertical-align: baseline; /* COMBAK{FALLBACK} */\n vertical-align: initial; /* COMBAK{FALLBACK} */\n vertical-align: unset;\n}\nbody,\nh1, h2, h3, h4, h5, h6,\nhr,\np, figure, blockquote, pre,\nol, ul, dl,\ndd,\nfieldset {\n margin: 0; /* COMBAK{FALLBACK} */\n margin: initial; /* COMBAK{FALLBACK} */\n margin: unset;\n}\nol, ul, dl,\nth, td,\nlegend {\n padding: 0; /* COMBAK{FALLBACK} */\n padding: initial; /* COMBAK{FALLBACK} */\n padding: unset;\n}\nh1, h2, h3, h4, h5, h6,\naddress,\npre,\nth,\nem, strong, i, small,\ndfn, b, var, cite, sup, sub,\ncode, kbd, samp {\n font: inherit;\n}\ncaption,\nth {\n text-align: inherit; /* COMBAK{FALLBACK} */\n text-align: unset;\n}\npre {\n white-space: inherit; /* COMBAK{FALLBACK} */\n white-space: unset;\n}\na,\nu, s,\nins, del {\n text-decoration: none; /* COMBAK{FALLBACK} */\n text-decoration: initial; /* COMBAK{FALLBACK} */\n text-decoration: unset;\n}\n\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\n*,\n*::before,\n*::after {\n content: none;\n box-sizing: border-box;\n column-rule: 0 solid;\n}\n@media print {\n *,\n *::before,\n *::after {\n background: transparent !important;\n box-shadow: none !important;\n text-shadow: none !important;\n }\n}\n*:not(input):not(button):not(select),\n*::before,\n*::after {\n border: 0 solid;\n}\nhtml {\n --line-height: 1.5;\n --lh: calc(var(--line-height) * 1rem);\n font-size: 100%;\n line-height: 1.5;\n line-height: var(--line-height);\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\npre,\nfigure,\nblockquote,\nol,\nul,\ndl,\ntable,\nform,\nfieldset,\ntextarea,\ndetails {\n margin-bottom: 1.5rem;\n margin-bottom: var(--lh);\n margin-bottom: 1lh;\n}\n@supports (margin-block-end: var(--v)) {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n pre,\n figure,\n blockquote,\n ol,\n ul,\n dl,\n table,\n form,\n fieldset,\n textarea,\n details {\n margin-bottom: unset;\n margin-block-end: var(--lh);\n margin-block-end: 1lh;\n }\n}\nh1 {\n padding-top: 1.5rem;\n padding-top: var(--lh);\n padding-top: 1lh;\n}\n@supports (padding-block-start: var(--v)) {\n h1 {\n padding-top: unset;\n padding-block-start: var(--lh);\n padding-block-start: 1lh;\n }\n}\nspan,\nbr,\nem,\nstrong,\ni,\nmark,\nu,\nsmall,\ns,\ndfn,\nb,\nabbr,\nvar,\nq,\ncite,\nsup,\nsub,\ndata,\ntime,\ncode,\nkbd,\nsamp,\nlabel {\n line-height: 0;\n}\nbody {\n tab-size: 4;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: calc(var(--font-scale, 1) * 1em);\n line-height: calc(var(--line-height) / var(--font-scale, 1) * var(--tracks, 1));\n font-weight: 700;\n}\nh1 {\n --font-scale: 3;\n --tracks: 2;\n}\nh2 {\n --font-scale: 2.25;\n --tracks: 2;\n}\nh3 {\n --font-scale: 1.75;\n --tracks: 2;\n}\nh4 {\n --font-scale: 1.25;\n}\nh5 {\n --font-scale: 1;\n}\nh6 {\n --font-scale: 0.75;\n}\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n h1 {\n font-size: 3em;\n line-height: 1;\n }\n h2 {\n font-size: 2.25em;\n line-height: 1.33333333;\n }\n h3 {\n font-size: 1.75em;\n line-height: 1.71428571;\n }\n h4 {\n font-size: 1.25em;\n line-height: 1.2;\n }\n h5 {\n font-size: 1em;\n line-height: 1.5;\n }\n h6 {\n font-size: 0.75em;\n line-height: 2;\n }\n}\nh1 {\n margin-top: 0;\n margin-top: initial;\n margin-top: unset;\n margin-block-start: unset;\n}\nhr {\n display: none;\n}\npre {\n font-size: calc(var(--font-scale, 1) * 1em);\n line-height: calc(var(--line-height) / var(--font-scale, 1) * var(--tracks, 1));\n --font-scale: 0.75;\n text-align: left;\n text-indent: 0;\n white-space: pre;\n overflow: auto;\n}\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n pre {\n font-size: 0.75em;\n line-height: 2;\n }\n}\nfigure {\n margin-top: 0 ;\n margin-left: 0 ;\n margin-right: 0 ;\n margin-top: initial;\n margin-left: initial;\n margin-right: initial;\n margin-top: unset ;\n margin-left: unset ;\n margin-right: unset ;\n margin-block-start: unset;\n margin-inline: unset;\n}\nli > ol,\nli > ul,\nli > dl,\ndt > ol,\ndt > ul,\ndt > dl,\ndd > ol,\ndd > ul,\ndd > dl {\n margin-bottom: 0;\n margin-bottom: initial;\n margin-bottom: unset;\n margin-block-end: unset;\n}\nol,\nul {\n padding-left: 4rem;\n}\n@supports (padding-inline-start: 1rem) {\n ol,\n ul {\n padding-left: unset;\n padding-inline-start: 4rem;\n }\n}\nli > ol,\nli > ul,\ndt > ol,\ndt > ul,\ndd > ol,\ndd > ul {\n padding-left: 2rem;\n}\n@supports (padding-inline-start: 1rem) {\n li > ol,\n li > ul,\n dt > ol,\n dt > ul,\n dd > ol,\n dd > ul {\n padding-left: unset;\n padding-inline-start: 2rem;\n }\n}\ntable {\n max-width: 100%;\n border-collapse: collapse;\n text-align: left;\n}\ncaption {\n text-align: center;\n}\nthead,\ntfoot {\n vertical-align: bottom;\n}\ntbody {\n vertical-align: top;\n}\nth {\n font-weight: 700;\n}\na[href] {\n color: #06c;\n text-decoration: underline;\n text-decoration-line: underline;\n cursor: pointer;\n}\nem {\n font-style: italic;\n}\nstrong {\n font-weight: 700;\n}\ni {\n font-style: italic;\n}\nmark {\n background-color: rgba(255, 225, 104, 0.5);\n background-color: #ffe16880;\n color: inherit;\n color: unset;\n}\nu {\n color: #360;\n text-decoration: underline;\n text-decoration-line: underline;\n}\nsmall {\n font-size: 0.75em;\n}\ns {\n color: #c03;\n text-decoration: line-through;\n text-decoration-line: line-through;\n}\nins {\n background-color: #acf2bd;\n}\ndel {\n background-color: #fdb8c0;\n}\ndfn {\n font-style: inherit;\n font-weight: 700;\n}\nb {\n font-weight: 700;\n}\nabbr[title] {\n cursor: help;\n text-decoration: none;\n text-decoration-line: initial;\n text-decoration-line: unset;\n}\nvar {\n font-style: italic;\n}\nq {\n quotes: '\\201c' '\\201d';\n quotes: initial;\n}\nq::before {\n content: open-quote;\n}\nq::after {\n content: close-quote;\n}\nq::before {\n content: open-quote;\n}\nq::after {\n content: close-quote;\n}\ncite {\n font-style: italic;\n}\nsup,\nsub {\n font-size: 0.75em;\n}\ncode,\nkbd,\nsamp {\n font-size: 0.75em;\n white-space: nowrap;\n}\ncode code,\ncode kbd,\ncode samp,\nkbd code,\nkbd kbd,\nkbd samp,\nsamp code,\nsamp kbd,\nsamp samp {\n font-size: inherit;\n}\npre code,\npre kbd,\npre samp {\n white-space: inherit;\n white-space: unset;\n}\ninput,\nbutton,\nselect,\ntextarea {\n line-height: inherit;\n}\nfieldset {\n padding: 0 1rem;\n}\nhtml body fieldset {\n border-width: 1px;\n margin-top: -2px;\n border-style: solid;\n border-color: rgba(0, 0, 0, 0.25);\n border-color: #00000040;\n}\n@supports (margin-block-start: 0) {\n html body fieldset {\n border-width: 0;\n margin-top: 0;\n border-width: 1px;\n margin-block-start: -2px;\n }\n}\ntextarea,\ninput {\n padding: 0 0.25rem;\n cursor: text;\n}\ntextarea {\n display: block;\n height: 9rem;\n height: calc(6 * var(--lh));\n height: 6lh;\n width: 30rem;\n font-size: 0.75rem;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);\n box-shadow: 0 0 0 1px #00000040;\n}\n@supports (block-size: var(-v)) and (inline-size: 1rem) {\n textarea {\n height: unset;\n width: unset;\n block-size: calc(6 * var(--lh));\n block-size: 6lh;\n inline-size: 30rem;\n }\n}\ninput:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]) {\n font-size: 0.75em;\n}\ninput[type=\"color\"],\ninput[type=\"file\"],\ninput[type=\"range\"],\ninput[type=\"checkbox\"],\ninput[type=\"radio\"],\nselect {\n cursor: default;\n}\ninput[type=\"checkbox\"]:hover,\ninput[type=\"radio\"]:hover {\n box-shadow: inset 0 0 0.25rem 0 rgba(0, 0, 0, 0.25);\n box-shadow: inset 0 0 0.25rem 0 #00000040;\n}\ninput[type=\"checkbox\"] {\n border-radius: 25%;\n}\ninput[type=\"radio\"] {\n border-radius: 100%;\n}\nselect {\n font-size: 0.75em;\n}\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"],\nbutton {\n padding: 0.125em 0.25em;\n cursor: default;\n}\ninput[type=\"button\"]:hover,\ninput[type=\"reset\"]:hover,\ninput[type=\"submit\"]:hover,\nbutton:hover,\ninput[type=\"button\"]:focus,\ninput[type=\"reset\"]:focus,\ninput[type=\"submit\"]:focus,\nbutton:focus {\n box-shadow: inset 0 0 0.25rem 0 rgba(0, 0, 0, 0.25);\n box-shadow: inset 0 0 0.25rem 0 #00000040;\n}\nlabel {\n cursor: default;\n}\nselect[multiple] > optgroup > option {\n padding-left: 1rem;\n padding-inline-start: 1rem;\n}\nimg {\n height: auto;\n width: auto;\n block-size: auto;\n inline-size: auto;\n max-width: 100%;\n font-style: italic;\n vertical-align: middle;\n}\n@supports (max-inline-size: 1%) {\n img {\n max-width: unset;\n max-inline-size: 100%;\n }\n}\nsummary {\n cursor: default;\n}\ndialog {\n padding: 0.75rem 1rem;\n padding: calc(0.5 * var(--lh)) 1rem;\n padding: 0.5lh 1rem;\n}\ndialog::backdrop {\n background-color: rgba(0, 0, 0, 0.25);\n background-color: #00000040;\n}\n","\n/*################################*\\\n xmeter | _base.less\n\\*################################*/\n@import (reference) url('./__settings.less');\n@import (reference) url('./__tool.fontsize.less');\n@import (reference) url('./__tool.borders.less');\n@import (reference) url('./__tool.delims.less');\n@import (reference) url('./_h-FontSize.less');\n@import (reference) url('./_-mb.less');\n@import (reference) url('./_-pt.less');\n@import (reference) url('./_-pl.less');\n\n\n@p-line-height: 1.5; // equivalent to custom prop `--line-height` // COMBAK{FALLBACK} for custom property\n@p-color-gray-fallback: rgba(0,0,0, 0.25); // COMBAK{FALLBACK} for `#rrggbbaa` color syntax\n@p-color-gray: #00000040;\n@p-lh: (@p-line-height * 1rem); // equivalent to unit `1lh`, or custom prop `--lh`\n\n// Contents\n// ------------------------------------\n// # GENERIC...........................`html` and far-reaching page-wide selectors\n// # SECTIONS..........................sections, articles, headers, footers, headings\n// # GROUPING..........................grouping content\n// ## Paragraphs.........................paragraphs, block-level textual elements\n// ## Lists..............................ordered, unordered, dictionary\n// ## Tables.............................tables\n// # TEXT..............................text-level, phrasing (inline) content and links\n// ## Links..............................inline hyperlinks\n// ## Stress.............................text outstanding from surrounding prose\n// ## Documentation......................documentation elements\n// ## Data...............................machine- or human-readable data\n// # FORMS.............................form elements\n// ## Resets.............................resets for form elements\n// ## Textual............................textual form elements\n// ## Buttons............................button-like form elements\n// # EMBEDDED..........................images, videos, other media\n// # INTERACTIVE.......................user-interactive HTML elements\n\n\n//++++++++++++++++++++++++++++++++//\n// # GENERIC\n//++++++++++++++++++++++++++++++++//\n@import (inline) url('reset.css');\n@import (inline) url('../../node_modules/normalize.css/normalize.css');\n\n* {\n &,\n &::before,\n &::after {\n content: none;\n box-sizing: border-box;\n column-rule: 0 solid; // change initial column-rule from `medium none`\n @media print {\n background: transparent !important;\n box-shadow: none !important;\n text-shadow: none !important;\n }\n }\n &:not(input):not(button):not(select), // NOTE be careful here: if overriding, specificity > 3\n // &:not(input, button, select), // CHANGED{NEW} selector not supported yet // NB{LINK} <https://caniuse.com/#feat=css-not-sel-list> // TODO once removed, fix NB:LINK (L430)\n &::before,\n &::after {\n border: 0 solid; // change initial border from `medium none`\n }\n}\n\n// Set up vertical rhythm system.\n// [1] default line-height. Change in your own project if you wish.\n// [2] COMBAK{FALLBACK} for `lh` units (https://drafts.csswg.org/css-values/#lh)\n// [3] COMBAK{FALLBACK} for custom property\n// [4] addresses support for `rem` units (otherwise these would be in `body` selector)\n// [5] Root font-size (rem) should *not* be set to an absolute unit, so that users can specify\n// font sizing settings in their user agent.\nhtml {\n --line-height: 1.5; // [1]\n --lh: calc(var(--line-height) * 1rem); // [2]\n font-size: 100%; // [4] [5]\n line-height: @p-line-height; // [3]\n line-height: var(--line-height); // [4]\n}\n\n// Vertical spacing between typographical blocks\n// NOTE: `textarea` is inline by default but overriding here: should be block (opinionated)\nh1, h2, h3, h4, h5, h6,\np, pre, figure, blockquote,\nol, ul, dl,\ntable,\nform, fieldset, textarea,\ndetails {\n .-mb-1;\n}\nh1 {\n .-pt-1;\n}\n\n// Font sizes for text-level elements should be in units of `em` instead of `rem` because\n// they should scale with their parents.\n// Also, inline elements should not affect vertical rhythm, thus line-heights are zero.\n// (The `display` property of these elements should automatically\n// have a value of `inline` (do not set manually), either by browser default\n// or by CSS **initial value**.)\nspan, br,\nem, strong, i, mark, u, small, s,\ndfn, b, abbr, var, q, cite, sup, sub,\ndata, time, code, kbd, samp,\nlabel {\n line-height: 0;\n}\n\n// Elements with a transparent content model\n// should display what their contents display.\na, ins, del, slot {\n}\n//++++ end # GENERIC ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # SECTIONS\n//++++++++++++++++++++++++++++++++//\nbody {\n\ttab-size: 4;\n}\nmain {\n}\nsection {\n}\narticle {\n}\naside {\n}\nnav {\n}\nmain {\n}\nheader {\n}\nfooter {\n}\n\nh1, h2, h3, h4, h5, h6 {\n .h-FontSize;\n font-weight: 700;\n}\nh1 { --font-scale: @g-font-size-h1; --tracks: 2; }\nh2 { --font-scale: @g-font-size-h2; --tracks: 2; }\nh3 { --font-scale: @g-font-size-h3; --tracks: 2; }\nh4 { --font-scale: @g-font-size-h4; }\nh5 { --font-scale: @g-font-size-h5; }\nh6 { --font-scale: @g-font-size-h6; }\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n h1 { .font-size-el(@g-font-size-h1; 2); }\n h2 { .font-size-el(@g-font-size-h2; 2); }\n h3 { .font-size-el(@g-font-size-h3; 2); }\n h4 { .font-size-el(@g-font-size-h4; ); }\n h5 { .font-size-el(@g-font-size-h5; ); }\n h6 { .font-size-el(@g-font-size-h6; ); }\n}\n\nh1 {\n margin-top: 0; // COMBAK{FALLBACK}\n margin-top: initial; // COMBAK{FALLBACK}\n margin-top: unset; // COMBAK{FALLBACK}\n margin-block-start: unset; // undo Normalize\n}\n\naddress {\n}\n//++++ end # SECTIONS ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # GROUPING\n//++++++++++++++++++++++++++++++++//\ndiv {\n}\nhr {\n display: none;\n}\n //--------------------------------//\n // ## Paragraphs\n //--------------------------------//\n p {\n }\n pre {\n .h-FontSize;\n --font-scale: @g-font-size-mill;\n text-align: left; // code blocks are always aligned left, regardless of writing mode\n text-indent: 0;\n white-space: pre;\n overflow: auto;\n }\n @media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n pre {\n .font-size-el(@g-font-size-mill);\n }\n }\n figure {\n // undo Normalize\n margin-top: 0 ; margin-left: 0 ; margin-right: 0 ; // COMBAK{FALLBACK}\n margin-top: initial; margin-left: initial; margin-right: initial; // COMBAK{FALLBACK}\n margin-top: unset ; margin-left: unset ; margin-right: unset ; // COMBAK{FALLBACK}\n margin-block-start: unset;\n margin-inline: unset;\n }\n figcaption {\n }\n blockquote {\n }\n //---- end ## Paragraphs ----//\n\n //--------------------------------//\n // ## Lists\n //--------------------------------//\n ol,\n ul,\n dl {\n li > &,\n dt > &,\n dd > & {\n margin-bottom: 0; // COMBAK{FALLBACK}\n margin-bottom: initial; // COMBAK{FALLBACK}\n margin-bottom: unset; // COMBAK{FALLBACK}\n margin-block-end: unset; // undo default vertical spacing for nested lists\n }\n }\n ol,\n ul {\n\t\t.-pl-4;\n li > &,\n dt > &,\n dd > & {\n\t\t\t.-pl-2;\n }\n }\n ol {\n }\n ul {\n }\n dl {\n }\n li {\n }\n dt {\n }\n dd {\n }\n //---- end ## Lists ----//\n\n //--------------------------------//\n // ## Tables\n //--------------------------------//\n table {\n max-width: 100%; // fluid tables for responsive purposes\n border-collapse: collapse;\n text-align: left; // fix browser BUG // which? file an issue!\n }\n caption {\n text-align: center;\n }\n thead,\n tfoot {\n vertical-align: bottom; // for heading alignment\n }\n thead {\n }\n tfoot {\n }\n tbody {\n vertical-align: top; // for data alignment\n }\n tr {\n }\n th {\n font-weight: 700;\n }\n td {\n }\n //---- end ## Tables ----//\n//++++ end # GROUPING ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # TEXT\n//++++++++++++++++++++++++++++++++//\n// NB: RECOMMENDATION:\n// Do not use `br` to indicate line breaks, use CSS instead.\n// One exception: MAY use `address > br` to indicate line breaks (by convention)\nbr {\n}\n //--------------------------------//\n // ## Links\n //--------------------------------//\n a[href] {\n // color: #00e; // default `:link`\n // color: #551a8b; // default `:visited`\n // color: #f00; // default `:active`\n color: #06c; // `hsl(210deg, 100%, 40%)` // ratios: 5.57 aginst white, 3.77 against black\n text-decoration: underline; // COMBAK{FALLBACK}\n text-decoration-line: underline;\n cursor: pointer;\n }\n //---- end ## Links ----//\n\n //--------------------------------//\n // ## Stress\n //--------------------------------//\n em {\n font-style: italic;\n }\n strong {\n font-weight: 700;\n }\n i {\n font-style: italic;\n }\n mark {\n background-color: fadeout(#ffe168, 50%); // COMBAK{FALLBACK} for `#rrggbbaa` color syntax\n background-color: #ffe16880; // Google-flavored comments in Google Docs\n color: inherit; // COMBAK{FALLBACK}\n color: unset; // unset browser default color\n }\n u {\n color: #360; // `hsl(90deg, 100%, 20%)` // ratios: 6.90 aginst white, 3.04 against black\n // color: #405a04; // StackOverflow-flavored diff // ratios: 7.83 against white, 2.68 against black\n text-decoration: underline; // COMBAK{FALLBACK}\n text-decoration-line: underline;\n }\n small {\n font-size: (@g-font-size-mill * 1em);\n }\n s {\n color: #c03; // `hsl(345deg, 100%, 40%)` // ratios: 5.81 aginst white, 3.62 against black\n // color: #a82400; // StackOverflow-flavored diff // ratios: 7.20 against white, 2.92 against black\n text-decoration: line-through; // COMBAK{FALLBACK}\n text-decoration-line: line-through;\n }\n //---- end ## Stress ----//\n\n //--------------------------------//\n // ## Documentation\n //--------------------------------//\n ins {\n // background-color: #d1e1ad; // StackOverflow-flavored diff\n background-color: #acf2bd; // GitHub-flavored diff\n }\n del {\n // background-color: #e5bdb2; // StackOverflow-flavored diff\n background-color: #fdb8c0; // GitHub-flavored diff\n }\n dfn {\n font-style: inherit; // undo Normalize\n font-weight: 700;\n }\n b {\n font-weight: 700;\n }\n abbr {\n &[title] {\n cursor: help;\n text-decoration: none; // COMBAK{FALLBACK} for `text-decoration-line` // also IE fallback for `initial`\n text-decoration-line: initial; // COMBAK{FALLBACK}\n text-decoration-line: unset; // undo Normalize\n }\n }\n var {\n font-style: italic;\n }\n q {\n .quotes-double(); // COMBAK{FALLBACK} for `initial`\n .delims(initial);\n }\n cite {\n font-style: italic;\n }\n sup, sub {\n font-size: (@g-font-size-mill * 1em);\n }\n sup {\n }\n sub {\n }\n //---- end ## Documentation ----//\n\n //--------------------------------//\n // ## Data\n //--------------------------------//\n data {\n }\n time {\n }\n code, kbd, samp {\n font-size: (@g-font-size-mill * 1em);\n white-space: nowrap;\n & & {\n font-size: inherit; // undo compounding font sizes\n }\n pre & {\n white-space: inherit; // COMBAK{FALLBACK}\n white-space: unset; // sometimes people put a `code` in a `pre` // override `nowrap` above\n }\n }\n code {\n }\n kbd {\n }\n samp {\n }\n //---- end ## Data ----//\n//++++ end # TEXT ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # FORMS\n//++++++++++++++++++++++++++++++++//\n //--------------------------------//\n // ## Resets\n //--------------------------------//\ninput,\nbutton,\nselect,\ntextarea {\n line-height: inherit; // override opinionated Normalize.css\n}\n //---- end ## Resets ----//\n\nfieldset {\n padding: 0 1rem;\n html body & { // HACK NB{LINK} (L61) need a specificity of 3 to override generic `*:not(input):not(button):not(select)`\n // NOTE cannot use box-shadow hack due to shadow covering <legend>\n .border-vert(all; 1px);\n @supports (margin-block-start: 0) {\n .border-vert(all; 0);\n .border-block(all; 1px);\n }\n border-style: solid;\n border-color: @p-color-gray-fallback; // COMBAK{FALLBACK} for `#rrggbbaa` color syntax\n border-color: @p-color-gray;\n }\n}\n\n //--------------------------------//\n // ## Textual\n //--------------------------------//\ntextarea,\ninput {\n padding: 0 0.25rem;\n cursor: text;\n}\ntextarea {\n display: block; // override browser default\n height: (6 * @p-lh); // COMBAK{FALLBACK}\n height: calc(6 * var(--lh)); // COMBAK{FALLBACK}\n height: 6lh;\n width: 30rem;\n @supports (block-size: var(-v)) and (inline-size: 1rem) {\n height: unset;\n width: unset;\n block-size: calc(6 * var(--lh)); // COMBAK{FALLBACK}\n block-size: 6lh;\n inline-size: 30rem;\n }\n font-size: (@g-font-size-mill * 1rem); // .font-size-mod(@g-font-size-mill); // textarea cannot contain any element children\n box-shadow: 0 0 0 1px @p-color-gray-fallback; // COMBAK{FALLBACK} for `#rrggbbaa` color syntax\n box-shadow: 0 0 0 1px @p-color-gray; // HACK vertical border hack\n}\ninput:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]) { // NOTE be careful here: if overriding, specificity > 31\n// input:not([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) { // CHANGED{NEW} selector not supported yet // NB{LINK} <https://caniuse.com/#feat=css-not-sel-list>\n font-size: (@g-font-size-mill * 1em);\n}\n //---- end ## Textual ----//\n\n //--------------------------------//\n // ## Non-Textual\n //--------------------------------//\ninput[type=\"color\"],\ninput[type=\"file\"],\ninput[type=\"range\"],\ninput[type=\"checkbox\"],\ninput[type=\"radio\"],\nselect {\n cursor: default;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n &:hover {\n\t\t// NOTE: Chrome applies these styles to inputs even when their associated labels\n\t\t// (having the correct `[for]` attribute) are hovered.\n box-shadow: inset 0 0 0.25rem 0 @p-color-gray-fallback; // COMBAK{FALLBACK} for `#rrggbbaa` color syntax\n box-shadow: inset 0 0 0.25rem 0 @p-color-gray;\n }\n}\ninput[type=\"checkbox\"] {\n border-radius: 25%;\n}\ninput[type=\"radio\"] {\n border-radius: 100%;\n}\nselect {\n font-size: (@g-font-size-mill * 1em);\n}\n //---- end ## Non-Textual ----//\n\n //--------------------------------//\n // ## Buttons\n //--------------------------------//\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"],\nbutton {\n padding: 0.125em 0.25em;\n cursor: default;\n &:hover,\n &:focus {\n box-shadow: inset 0 0 0.25rem 0 @p-color-gray-fallback; // COMBAK{FALLBACK} for `#rrggbbaa` color syntax\n box-shadow: inset 0 0 0.25rem 0 @p-color-gray;\n }\n}\n //---- end ## Buttons ----//\n\nlabel {\n cursor: default;\n}\n\nselect[multiple] > optgroup > option {\n padding-left: 1rem;\n padding-inline-start: 1rem;\n}\n//++++ end # FORMS ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # EMBEDDED\n//++++++++++++++++++++++++++++++++//\n// [1] Correct squishing when one dimension changes (override `[height]`/`[width]` attributes)\n// [2] fluid images for responsive purposes\n// [3] offset `[alt]` attribute text from surrounding copy\n// [4] safer alternative to `display: block;`\nimg {\n\theight: auto; width: auto; // COMBAK{FALLBACK}\n\tblock-size: auto; inline-size: auto; // [1]\n\tmax-width: 100%; // COMBAK{FALLBACK}\n\t@supports (max-inline-size: 1%) {\n\t\tmax-width: unset;\n\t\tmax-inline-size: 100%; // [2]\n\t}\n font-style: italic; // [3]\n vertical-align: middle; // [4]\n}\n//++++ end # EMBEDDED ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # INTERACTIVE\n//++++++++++++++++++++++++++++++++//\nsummary {\n cursor: default;\n}\n\ndialog {\n padding: (0.5 * @p-lh) 1rem; // COMBAK{FALLBACK}\n padding: calc(0.5 * var(--lh)) 1rem; // COMBAK{FALLBACK}\n padding: 0.5lh 1rem;\n &::backdrop {\n background-color: @p-color-gray-fallback; // COMBAK{FALLBACK} for `#rrggbbaa` color syntax\n background-color: @p-color-gray;\n }\n}\n//++++ end # INTERACTIVE ++++//\n","\n/*================================*\\\n reset.css\n\\*================================*/\n\n\nbody {\n text-align: start; /* COMBAK{FALLBACK} */\n text-align: initial; /* fix unsupported browsers initial value */\n background: #fff;\n color: #000;\n}\n\nsup, sub {\n vertical-align: baseline; /* COMBAK{FALLBACK} */\n vertical-align: initial; /* COMBAK{FALLBACK} */\n vertical-align: unset;\n}\nbody,\nh1, h2, h3, h4, h5, h6,\nhr,\np, figure, blockquote, pre,\nol, ul, dl,\ndd,\nfieldset {\n margin: 0; /* COMBAK{FALLBACK} */\n margin: initial; /* COMBAK{FALLBACK} */\n margin: unset;\n}\nol, ul, dl,\nth, td,\nlegend {\n padding: 0; /* COMBAK{FALLBACK} */\n padding: initial; /* COMBAK{FALLBACK} */\n padding: unset;\n}\nh1, h2, h3, h4, h5, h6,\naddress,\npre,\nth,\nem, strong, i, small,\ndfn, b, var, cite, sup, sub,\ncode, kbd, samp {\n font: inherit;\n}\ncaption,\nth {\n text-align: inherit; /* COMBAK{FALLBACK} */\n text-align: unset;\n}\npre {\n white-space: inherit; /* COMBAK{FALLBACK} */\n white-space: unset;\n}\na,\nu, s,\nins, del {\n text-decoration: none; /* COMBAK{FALLBACK} */\n text-decoration: initial; /* COMBAK{FALLBACK} */\n text-decoration: unset;\n}\n","\n/*################################*\\\n xmeter | _-pt.less\n\\*################################*/\n\n\n// padding-top\n//\n// Set the `padding-top` property on an element,\n// or `padding-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-04-13</time></dd>\n// </dl></header>\n//\n// Markup:\n// <!--link rel=\"stylesheet\" href=\"/node_modules/xmeter/css/dist/-pt.css\"/-->\n// <ul>\n// <li class=\"-pt-0\">Point (0.00)</li>\n// <li class=\"-pt-q\">Quark (0.25)</li>\n// <li class=\"-pt-h\">Atom (0.50)</li>\n// <li class=\"-pt-1\">Molecule (1.00)</li>\n// <li class=\"-pt-2\">Asteroid (2.00)</li>\n// <li class=\"-pt-4\">Planet (4.00)</li>\n// </ul>\n//\n// Weight: 2\n//\n// Styleguide Atoms.padding-top\n\n@p-lh: 1.5rem; // COMBAK{FALLBACK} for `lh` unit\n\n.-pt-0 {\n padding-top: 0;\n padding-block-start: 0;\n}\n\n.-pt-q {\n padding-top: (0.25 * @p-lh); // COMBAK{FALLBACK}\n padding-top: calc(0.25 * var(--lh)); // COMBAK{FALLBACK}\n padding-top: 0.25lh;\n @supports (padding-block-start: var(--v)) {\n padding-top: unset;\n padding-block-start: calc(0.25 * var(--lh)); // COMBAK{FALLBACK}\n padding-block-start: 0.25lh;\n }\n}\n\n.-pt-h {\n padding-top: (0.5 * @p-lh); // COMBAK{FALLBACK}\n padding-top: calc(0.5 * var(--lh)); // COMBAK{FALLBACK}\n padding-top: 0.5lh;\n @supports (padding-block-start: var(--v)) {\n padding-top: unset;\n padding-block-start: calc(0.5 * var(--lh)); // COMBAK{FALLBACK}\n padding-block-start: 0.5lh;\n }\n}\n\n.-pt-1 {\n padding-top: @p-lh; // COMBAK{FALLBACK}\n padding-top: var(--lh); // COMBAK{FALLBACK}\n padding-top: 1lh;\n @supports (padding-block-start: var(--v)) {\n padding-top: unset;\n padding-block-start: var(--lh); // COMBAK{FALLBACK}\n padding-block-start: 1lh;\n }\n}\n\n.-pt-2 {\n padding-top: (2 * @p-lh); // COMBAK{FALLBACK}\n padding-top: calc(2 * var(--lh)); // COMBAK{FALLBACK}\n padding-top: 2lh;\n @supports (padding-block-start: var(--v)) {\n padding-top: unset;\n padding-block-start: calc(2 * var(--lh)); // COMBAK{FALLBACK}\n padding-block-start: 2lh;\n }\n}\n\n.-pt-4 {\n padding-top: (4 * @p-lh); // COMBAK{FALLBACK}\n padding-top: calc(4 * var(--lh)); // COMBAK{FALLBACK}\n padding-top: 4lh;\n @supports (padding-block-start: var(--v)) {\n padding-top: unset;\n padding-block-start: calc(4 * var(--lh)); // COMBAK{FALLBACK}\n padding-block-start: 4lh;\n }\n}\n","/*################################*\\\n xmeter | _h-FontSize.less\n\\*################################*/\n\n\n// FontSize\n//\n// The FontSize Helper sets the font-size of an element while maintaining vertical rhythm.\n// Add `[class=\"h-Fontsize\"]` to an element, and then set the `--font-scale`\n// custom property (and optionally the `--tracks` custom property), either via inline style or stylesheet.\n// This Helper adjusts the line-height of the element so that track size remains unaffected.\n// <header><dl>\n// <dt>author</dt> <dd>Chris Harvey</dd>\n// <dt>updated</dt> <dd><time>2018-03-20</time></dd>\n// </dl></header>\n//\n// Markup:\n// <!--link rel=\"stylesheet\" href=\"/node_modules/xmeter/css/dist/h-FontSize.css\"/-->\n// <p class=\"h-FontSize\" style=\"--font-scale: 2.25;\">This paragraph has a font-size of 2.25em,\n// and an adjusted line-height so that each line of text takes up exactly 1 track.\n// Vertical rhythm is maintained.\n// However, this example’s font-size is too big to be read clearly.</p>\n// <p class=\"h-FontSize\" style=\"--font-scale: 2.25; --tracks: 2;\">Set the `--tracks` to an integer\n// in order to adjust the number of “tracks” each line of text takes up.\n// In this paragraph, each line of text takes up 2 tracks instead of the default 1.\n// This increased leading provides a more pleasant reading experience.</p>\n//\n// Weight: 5.2\n//\n// Styleguide Helpers.FontSize\n.h-FontSize {\n // specify `--font-scale`\n // specify `--tracks`\n font-size: calc(var(--font-scale, 1) * 1em);\n line-height: calc(var(--line-height) / var(--font-scale, 1) * var(--tracks, 1));\n}\n","\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","\n/*################################*\\\n xmeter | __tool.fontsize.less\n\\*################################*/\n\n\n// Sets the font size of a module while preserving vertical rhythm.\n// Modules use their own typographical systems with their own \"vertical rhythm units.\"\n// Font size is set in rems so that the module can be placed anywhere without changing appearance.\n// Line height is simply set to that of the root element, so that the \"vertical rhythm unit\"\n// scales with font size. (Effectively the same as `inherit`.)\n// Typographical blocks within this module will be vertically spaced accordingly:\n// as the font-size of this module increases, so does vertical spacing.\n//\n// ^params\n// @ratio - (default: 1) the ratio of the new font size to the root font size, i.e., the number of rems\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2016-10-01\n.font-size-mod(@ratio: 1) {\n font-size: (@ratio * 1rem);\n // line-height: inherit; // NOTE clarification\n & > * {\n // COMBAK{FALLBACK} for `lh` units. remove after `lh` is supported.\n --lh: calc(@ratio * var(--line-height) * 1rem); // @ratio * parent lh\n }\n}\n\n// CHANGED:\n// This mixin no longer uses the `var(--line-height)` expression, and instead\n// uses the fallback value of 1.5. This mixin should only be used where\n// CSS custom properties are not supported. For the most recent method,\n// see documentation on the `.h-FontSize` helper.\n//\n// Sets the font size of an element within a module (or if not, in the root)\n// while preserving vertical rhythm.\n// Font size is set in ems so that it will scale accordingly with its\n// parent module’s (or the root’s) font size.\n// Line height is adjusted so that it remains a constant \"vertical rhythm unit\"\n// of the parent module (or root).\n// `font-size` * `line-height` = one vertical rhythm unit\n//\n// ^params\n// @fontscale - (default: 1) the ratio of the new font size to\n// the parent font size, i.e., the number of ems\n// @tracks - (default: 1) the number of vrus each line of text will take up.\n// should be a whole number to satisfy vertical rhythm.\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2018-03-21\n.font-size-el(@fontscale: 1; @tracks: 1) {\n @lineheight: 1.5;\n font-size: (@fontscale * 1em);\n line-height: (@lineheight / @fontscale * @tracks);\n}\n","\n/*################################*\\\n xmeter | _-pl.less\n\\*################################*/\n\n\n// padding-left\n//\n// Set the `padding-left` property on an element,\n// or `padding-inline-start` 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/-pl.css\"/-->\n// <ul>\n// <li class=\"-pl-0\">Point (0.00)</li>\n// <li class=\"-pl-q\">Quark (0.25)</li>\n// <li class=\"-pl-h\">Atom (0.50)</li>\n// <li class=\"-pl-1\">Molecule (1.00)</li>\n// <li class=\"-pl-2\">Asteroid (2.00)</li>\n// <li class=\"-pl-4\">Planet (4.00)</li>\n// </ul>\n//\n// Weight: 2.3\n//\n// Styleguide Atoms.padding-left\n\n.-pl-0 {\n padding-left: 0;\n padding-inline-start: 0;\n}\n\n.-pl-q {\n padding-left: 0.25rem;\n @supports (padding-inline-start: 1rem) {\n padding-left: unset;\n padding-inline-start: 0.25rem;\n }\n}\n\n.-pl-h {\n padding-left: 0.5rem;\n @supports (padding-inline-start: 1rem) {\n padding-left: unset;\n padding-inline-start: 0.5rem;\n }\n}\n\n.-pl-1 {\n padding-left: 1rem;\n @supports (padding-inline-start: 1rem) {\n padding-left: unset;\n padding-inline-start: 1rem;\n }\n}\n\n.-pl-2 {\n padding-left: 2rem;\n @supports (padding-inline-start: 1rem) {\n padding-left: unset;\n padding-inline-start: 2rem;\n }\n}\n\n.-pl-4 {\n padding-left: 4rem;\n @supports (padding-inline-start: 1rem) {\n padding-left: unset;\n padding-inline-start: 4rem;\n }\n}\n","\n/*################################*\\\n xmeter | __tool.delims.less\n\\*################################*/\n\n\n// This tool adds opening and closing punctuation marks surrounding an element.\n// The punctuation marks are given by the `quotes` property.\n//\n// @arg - (default: `none`) an even number of space-separated left/right delimiters,\n// each pair used for one level of nested quotation.\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2016-05-05\n.delims(@arg: none) {\n quotes: @arg;\n &::before { content: open-quote; }\n &::after { content: close-quote; }\n}\n\n.parens() { .delims('(' ')'); }\n.brackets() { .delims('[' ']'); }\n.braces() { .delims('{' '}'); }\n.angles() { .delims('<' '>'); } // '\\003c' '\\003e' // < >\n\n.apos() { .delims('\\'' '\\''); } // '\\0027' '\\0027' // ' '\n.quot() { .delims('\\\"' '\\\"'); } // '\\0022' '\\0022' // " "\n\n.quotes-single() { .delims('\\2018' '\\2019'); } // '‘' '’' // ‘ ’\n.quotes-double() { .delims('\\201c' '\\201d'); } // '“' '”' // “ ”\n.guillemets-single() { .delims('\\2039' '\\203a'); } // '‹' '›' // ‹ ›\n.guillemets-double() { .delims('\\00ab' '\\00bb'); } // '«' '»' // « »\n","\n/*################################*\\\n xmeter | __tool.borders.less\n\\*################################*/\n\n\n// The following mixins adjust border widths for **BLOCK** Objects only! They will keep the\n// vertical rhythm intact when adding border widths (by slightly adjusting position and margins).\n// Do *not* use these mixins on INLINE Objects!\n//\n// Note: This mixin affects border width only (for structure). It does not affect cosmetics,\n// i.e., border style or color. To change these, you must include the `border-style` and\n// `border-color` properties after including this mixin.\n//\n// ```\n// .border-vert(top ; <length>); // adjust the top border\n// .border-vert(bottom; <length>); // adjust the bottom border\n// .border-vert(topbot; <length>); // adjust both the top and bottom borders\n// .border-vert(all ; <length>); // adjust all four borders\n// ```\n//\n// Note: In place of `.border-vert(all; ...)`, you may use a hack involving `box-shadow` to create\n// an effective border around an element, without using this tool and thus affecting the element’s\n// `margin-top` value.\n// The box-shadow must be outset, have an offset-x of 0, an offset-y of 0, a blur of 0,\n// a spread of `<length>` (the effective border-width), and a color of `<color>` (the effective border-color).\n// The color must be specified in the same declaration, and the effective border-style will always be solid.\n// ```\n// box-shadow: 0 0 0 <length> <color>;\n// ```\n//\n// @width - (optional: `0`) value of `border-width`\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2017-11-28\n.border-vert(top; @width: 0) {\n border-top-width: @width;\n margin-top: (-@width);\n}\n\n.border-vert(bottom; @width: 0) {\n border-bottom-width: @width;\n margin-top: (-@width);\n}\n\n.border-vert(topbot; @width: 0) {\n border-top-width: @width;\n border-bottom-width: @width;\n margin-top: (-2 * @width);\n}\n\n.border-vert(all; @width: 0) {\n border-width: @width;\n margin-top: (-2 * @width);\n}\n\n// Logical Properties below\n\n.border-block(start; @width: 0) {\n border-block-start-width: @width;\n margin-block-start: (-@width);\n}\n\n.border-block(end; @width: 0) {\n border-block-end-width: @width;\n margin-block-start: (-@width);\n}\n\n.border-block(block; @width: 0) {\n border-block-width: @width;\n margin-block-start: (-2 * @width);\n}\n\n.border-block(all; @width: 0) {\n border-width: @width;\n margin-block-start: (-2 * @width);\n}\n"]}