[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"tux-codeblock:css:github-light:-dhrmk0":3},"\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">\u002F* Container-query pattern — see TuxPageHeader, TuxFactoid,\\n   TuxRichDataGrid expanded rows, etc. *\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">.tux-component\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> {\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">  container-type\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: inline-size;\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">}\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">\\n\\n\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">@container\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> (max-width: 32rem) {\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">  .tux-component__layout\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> {\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">    flex-direction\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">column\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">    gap\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">0.5\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">rem\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">  }\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",1788285301467]