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

Sidebar tweaks

Browse Source
This commit is contained in:
Matt Vanderpol
2024-12-16 13:43:31 -08:00
parent d5b6b5456c
commit cdc5c147b0
1 changed files with 39 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/css/custom.css
View File

@@ -43,6 +43,9 @@
--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-item-background-active: #FFF;
--ifm-breadcrumb-spacing: 0.875rem;
--ifm-menu-color-background-hover: transparent;
--ifm-menu-color-background-active: transparent;
--ifm-menu-color-active: #283AF7;
}
/* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -80,8 +83,40 @@ figure figcaption {
overflow: clip;
}
.theme-doc-sidebar-menu {
font-size: 1.125rem;
}
.theme-doc-sidebar-menu > .theme-doc-sidebar-item-link:first-child {
display: none;
}
.theme-doc-sidebar-item-link > strong {
text-transform: uppercase;
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__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-repeat: no-repeat;
background-size: 100%;
width: 8px;
height: 12px;
transform: rotate(0);
}
.theme-doc-sidebar-menu .menu__link--active + .menu__caret:before {
background-image: url("data:image/svg+xml, %3Csvg%20width=%2212%22%20height=%228%22%20viewBox=%220%200%2012%208%22%20fill=%22none%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d=%22M0.500001%200.499999L6%206.5L11.5%200.5%22%20stroke=%22%23283AF7%22%20stroke-width=%221.25%22%2F%3E%0A%3C%2Fsvg%3E%0A");
width: 12px;
height: 8px;
}
[class^=docMainContainer_] {
@@ -244,5 +279,9 @@ background-repeat: no-repeat;
[class^=docMainContainer_] [class^=generatedIndexPage_] {
max-width: 83% !important;
}
.menu[class*=menu_] {
padding-left: 1.75rem;
}
}