summaryrefslogtreecommitdiff
path: root/examples/docs/src/layouts/MainLayout.astro
diff options
context:
space:
mode:
authorGravatar Dan Jutan <danjutan@gmail.com> 2022-08-31 16:17:15 -0400
committerGravatar GitHub <noreply@github.com> 2022-08-31 16:17:15 -0400
commitd5bd23d5f41fe9618d705d75724092af49dd5bc5 (patch)
tree5672239b2d204d2cabc1863aca20a9ee6f400f7b /examples/docs/src/layouts/MainLayout.astro
parentfa48d011098a48c1d609f6b70e6562d44c3217b5 (diff)
downloadastro-d5bd23d5f41fe9618d705d75724092af49dd5bc5.tar.gz
astro-d5bd23d5f41fe9618d705d75724092af49dd5bc5.tar.zst
astro-d5bd23d5f41fe9618d705d75724092af49dd5bc5.zip
Update templates to avoid devDependencies and :global (#4576)
* devDependencies => dependencies * :global -> is:global * update lockfile * remove unneeded markdown dependency * fix remaining merge conflicts * update lockfile
Diffstat (limited to 'examples/docs/src/layouts/MainLayout.astro')
-rw-r--r--examples/docs/src/layouts/MainLayout.astro29
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>