diff --git a/docs/_includes/components/toc.css b/docs/_includes/components/toc.css index 82cf15e5..4967c301 100644 --- a/docs/_includes/components/toc.css +++ b/docs/_includes/components/toc.css @@ -2,13 +2,13 @@ font-size: 1rem; /* Reset */ } .elv-toc details { - --details-force-closed: (max-width: 63.9375em); /* 1023px */ + --details-force-closed: (max-width: 79.9375em); /* 1023px */ } .elv-toc details > summary { font-size: 1.375rem; /* 22px /16 */ margin-bottom: .5em; } -@media (min-width: 64em) { /* 1024px */ +@media (min-width: 80em) { .elv-toc { position: absolute; left: 3rem; diff --git a/docs/_includes/index.css b/docs/_includes/index.css index f1d4c57f..9b7dce54 100644 --- a/docs/_includes/index.css +++ b/docs/_includes/index.css @@ -121,7 +121,7 @@ main h1:first-child, main .elv-toc + h1 { border-bottom: 2px dotted #666; } -@media (min-width: 64em) { /* 1024px */ +@media (min-width: 80em) { main .elv-toc + h1, main .elv-toc + h2 { margin-top: 0; @@ -243,10 +243,10 @@ footer.elv-layout { .elv-layout-full { max-width: none; } -@media (min-width: 64em) { /* 1024px */ +@media (min-width: 80em) { .elv-layout-toc { padding-left: 15rem; - max-width: 60rem; + max-width: 76rem; margin-right: 1rem; position: relative; }