diff options
Diffstat (limited to 'examples/docs/src/layouts/MainLayout.astro')
| -rw-r--r-- | examples/docs/src/layouts/MainLayout.astro | 29 |
1 files changed, 14 insertions, 15 deletions
diff --git a/examples/docs/src/layouts/MainLayout.astro b/examples/docs/src/layouts/MainLayout.astro index 60d43922a..79a2f81a9 100644 --- a/examples/docs/src/layouts/MainLayout.astro +++ b/examples/docs/src/layouts/MainLayout.astro @@ -47,6 +47,11 @@ const githubEditUrl = `${CONFIG.GITHUB_EDIT_URL}/${currentFile}`; overflow-x: hidden; } + .layout :global(> *) { + width: 100%; + height: 100%; + } + .grid-sidebar { height: 100vh; position: sticky; @@ -73,6 +78,15 @@ const githubEditUrl = `${CONFIG.GITHUB_EDIT_URL}/${currentFile}`; display: none; } + :global(.mobile-sidebar-toggle) { + overflow: hidden; + } + + :global(.mobile-sidebar-toggle) #grid-left { + display: block; + top: 2rem; + } + @media (min-width: 50em) { .layout { overflow: initial; @@ -102,21 +116,6 @@ const githubEditUrl = `${CONFIG.GITHUB_EDIT_URL}/${currentFile}`; } } </style> - <style is:global> - .layout > * { - width: 100%; - height: 100%; - } - - .mobile-sidebar-toggle { - overflow: hidden; - } - - .mobile-sidebar-toggle #grid-left { - display: block; - top: 2rem; - } - </style> </head> <body> |