jlengrand/moderne-docs
1
0
Fork 0
mirror of https://github.com/jlengrand/moderne-docs.git synced 2026-03-10 08:31:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: tighten up the spacing on the left navigation

Browse Source 
the excessive spacing was forcing vertical scrolling to discover navigation items. this keeps clear
groupings of sections but using  a 24" display a as proxy does not require  scrolling to discover
areas of the site
This commit is contained in:
Scott Jungling
2025-01-22 09:32:25 -08:00
parent cb9e0c8223
commit 7980b4fe01
1 changed files with 2 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/css/custom.css
View File

@@ -38,7 +38,7 @@
--ifm-heading-font-weight: 400; --ifm-heading-font-weight: 400;
--ifm-heading-line-height: 1; --ifm-heading-line-height: 1;
--ifm-heading-color: #041834; --ifm-heading-color: #041834;
--ifm-font-weight-bold: 500; --ifm-font-weight-bold: 600;
--ifm-footer-padding-vertical: 2.375rem; --ifm-footer-padding-vertical: 2.375rem;
--ifm-footer-background-color: transparent; --ifm-footer-background-color: transparent;
--ifm-breadcrumb-separator: url("data:image/svg+xml, %3Csvg%20width=%228%22%20height=%2213%22%20viewBox=%220%200%208%2013%22%20fill=%22none%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d=%22M1%2012L7%206.5L1%201%22%20stroke=%22%23415067%22%20stroke-width=%221.25%22%2F%3E%0A%3C%2Fsvg%3E%0A"); --ifm-breadcrumb-separator: url("data:image/svg+xml, %3Csvg%20width=%228%22%20height=%2213%22%20viewBox=%220%200%208%2013%22%20fill=%22none%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d=%22M1%2012L7%206.5L1%201%22%20stroke=%22%23415067%22%20stroke-width=%221.25%22%2F%3E%0A%3C%2Fsvg%3E%0A");
@@ -116,42 +116,21 @@ figure figcaption {
.navbar .navbar__link { .navbar .navbar__link {
font-weight: 400; font-weight: 400;
font-size: 1.125rem;
} }
.navbar .navbar__link svg { .navbar .navbar__link svg {
display: none; display: none;
} }
.theme-doc-sidebar-menu { .theme-doc-sidebar-menu {
font-size: 1.125rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
} }
.theme-doc-sidebar-menu > .theme-doc-sidebar-item-link:first-child {
margin-top: 1.5rem;
}
.theme-doc-sidebar-item-link > strong { .theme-doc-sidebar-item-link > strong {
text-transform: uppercase; text-transform: uppercase;
color: var(--ifm-heading-color); color: var(--ifm-heading-color);
} }
.theme-doc-sidebar-item-link + .theme-doc-sidebar-item-category {
margin-top: 2rem;
}
.theme-doc-sidebar-menu .menu__list-item:not(:first-child) {
margin-top: 0.75rem;
}
.theme-doc-sidebar-menu .menu__list-item[class*=menuHtmlItem_] {
margin-block: 1rem;
font-size: 1rem;
}
.theme-doc-sidebar-menu .menu__list-item[class*=menuHtmlItem_]:not(:nth-child(2)) {
margin-top: 2.5rem;
}
.theme-doc-sidebar-menu .menu__caret:before { .theme-doc-sidebar-menu .menu__caret:before {
background-image: url("data:image/svg+xml, %3Csvg%20width=%228%22%20height=%2213%22%20viewBox=%220%200%208%2013%22%20fill=%22none%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d=%22M1%2012L7%206.5L1%201%22%20stroke=%22%23415067%22%20stroke-width=%221.25%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-image: url("data:image/svg+xml, %3Csvg%20width=%228%22%20height=%2213%22%20viewBox=%220%200%208%2013%22%20fill=%22none%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d=%22M1%2012L7%206.5L1%201%22%20stroke=%22%23415067%22%20stroke-width=%221.25%22%2F%3E%0A%3C%2Fsvg%3E%0A");