[{"data":1,"prerenderedAt":8},["ShallowReactive",2],{"tux-example-vue:github-light:-ehpebu":3,"tux-example-vue:github-light:14hhmu":4,"tux-example-vue:github-light:y178xb":5,"tux-example-src:github-light:-fl2dg7":6,"tux-example-pbi:github-light:0":7},"\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"><!-- The page's main region at the standard measure (80rem). -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">TuxPageContainer\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> as\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"main\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <h1>Corpus inventory<\u002Fh1>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  …\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">TuxPageContainer\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">TuxPageContainer\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> width\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"wide\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>   <!-- 96rem — data grids -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><TuxPageContainer width=\"prose\">  <!-- 72ch — long-form reading -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><TuxPageContainer flush>          <!-- no gutter — full-bleed children -->\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">\u002F* Pair with the measured nav height TuxSiteNav\u002FTuxAppFrame publish —\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">   no more hardcoded 4rem\u002F5rem offsets: *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">.sidebar {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  position: sticky;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  top: calc(var(--tux-nav-height, 4rem) + 1rem);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">script\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> setup\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> lang\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">\u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * TuxPageContainer — the page-content width primitive.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * Centers content at one of three token-backed widths so every product\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * shares the same measure instead of inventing its own (Landscape alone\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * carried 80rem \u002F 72rem \u002F 64rem across three layouts before this\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * existed). Pairs with the measured `--tux-nav-height` custom property\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * (published by TuxSiteNav \u002F TuxAppFrame) for sticky-offset math.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *   default — --layout-content-max (80rem): standard app\u002Fdocs pages\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *   wide    — --layout-content-wide (96rem): data grids, dashboards\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *   prose   — --layout-prose-max (72ch): long-form reading measure\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * `flush` drops the horizontal gutter for surfaces that manage their\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * own edge padding (full-bleed slabs, hero bands).\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">interface\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Props\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">  \u002F** Content measure. *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  width\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">?:\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"default\"\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"wide\"\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"prose\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">  \u002F** Drop the horizontal gutter (component manages its own edges). *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  flush\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">?:\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">  \u002F** Element to render. `main` for the page's primary region. *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  as\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">?:\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">const\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> props\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> withDefaults\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">defineProps\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">Props\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>(), {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  width: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"default\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  flush: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">false\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  as: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"div\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">});\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">const\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> widthClass\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> computed\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(() \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> `tux-page-container--${\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">props\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">.\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">width\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">}`\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">script\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">template\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">component\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">    :is\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"as\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">    class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"tux-page-container\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">    :class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"[widthClass, { 'tux-page-container--flush': flush }]\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">slot\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\"> \u002F\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">component\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">template\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">style\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> scoped\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">.tux-page-container\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">  width\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">100\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">%\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">  margin-inline\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">auto\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">  padding-inline\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">1.5\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">rem\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">.tux-page-container--default\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">max-width\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">var\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E36209\">--layout-content-max\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">); }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">.tux-page-container--wide\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">    { \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">max-width\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">var\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E36209\">--layout-content-wide\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">); }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">.tux-page-container--prose\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">   { \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">max-width\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">var\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E36209\">--layout-prose-max\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">); }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">.tux-page-container--flush\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">padding-inline\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">0\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">; }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">style\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","",1788285296192]