diff options
Diffstat (limited to 'examples/docs/src/layouts/MainLayout.astro')
| -rw-r--r-- | examples/docs/src/layouts/MainLayout.astro | 29 |
1 files changed, 15 insertions, 14 deletions
diff --git a/examples/docs/src/layouts/MainLayout.astro b/examples/docs/src/layouts/MainLayout.astro index 79a2f81a9..60d43922a 100644 --- a/examples/docs/src/layouts/MainLayout.astro +++ b/examples/docs/src/layouts/MainLayout.astro @@ -47,11 +47,6 @@ const githubEditUrl = `${CONFIG.GITHUB_EDIT_URL}/${currentFile}`; overflow-x: hidden; } - .layout :global(> *) { - width: 100%; - height: 100%; - } - .grid-sidebar { height: 100vh; position: sticky; @@ -78,15 +73,6 @@ 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; @@ -116,6 +102,21 @@ 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> |