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: cleaning up styles

Browse Source 
tightening the vertical spacing on docs. always use dark mode for code samples. clamp descriptions
on cards.
This commit is contained in:
Scott Jungling
2025-01-23 09:58:31 -08:00
parent 0554303650
commit 004c471878
4 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@@ -1,6 +1,6 @@
.idea/ .idea/
.vscode/ .vscode/
.obsidian/
# Dependencies # Dependencies
/node_modules /node_modules

2
docusaurus.config.ts
View File

@@ -123,7 +123,7 @@ const config: Config = {
copyright: `© Moderne, ${new Date().getFullYear()}`, copyright: `© Moderne, ${new Date().getFullYear()}`,
}, },
prism: { prism: {
theme: prismThemes.github, theme: prismThemes.vsDark,
darkTheme: prismThemes.vsDark, darkTheme: prismThemes.vsDark,
additionalLanguages: [ additionalLanguages: [
"bash", "bash",

13
src/css/custom.css
View File

@@ -36,7 +36,7 @@
--ifm-navbar-height: 116px; --ifm-navbar-height: 116px;
--ifm-font-family-base: "Inter", sans-serif; --ifm-font-family-base: "Inter", sans-serif;
--ifm-heading-font-weight: 400; --ifm-heading-font-weight: 400;
--ifm-heading-line-height: 1; --ifm-heading-line-height: 1.25;
--ifm-heading-color: #041834; --ifm-heading-color: #041834;
--ifm-font-weight-bold: 600; --ifm-font-weight-bold: 600;
--ifm-footer-padding-vertical: 2.375rem; --ifm-footer-padding-vertical: 2.375rem;
@@ -85,6 +85,10 @@ html[data-theme='dark'] {
--ifm-toc-border-color: transparent; --ifm-toc-border-color: transparent;
--ifm-section-divider-color: #d9d9d9; --ifm-section-divider-color: #d9d9d9;
--ifm-card-background-color: #fff; --ifm-card-background-color: #fff;
--ifm-heading-line-height: 1.25;
.theme-code-block {
border: 1.5px solid var(--ifm-color-border);
}
} }
figure img { figure img {
@@ -173,18 +177,17 @@ html[data-theme=dark] .theme-doc-sidebar-menu .menu__link--active + .menu__caret
font-size: 1rem; font-size: 1rem;
} }
[class^=docMainContainer_] > .container:first-child {
padding-top: 3.25rem !important;
}
[class^=docMainContainer_] [class*=breadcrumbsContainer_] { [class^=docMainContainer_] [class*=breadcrumbsContainer_] {
margin-bottom: 3.3rem; margin-bottom: 1rem;
} }
[class^=docMainContainer_] .breadcrumbs__link { [class^=docMainContainer_] .breadcrumbs__link {
color: var(--ifm-heading-color); color: var(--ifm-heading-color);
} }
html[data-theme=dark] [class^=docMainContainer_] .breadcrumbs__link:hover { html[data-theme=dark] [class^=docMainContainer_] .breadcrumbs__link:hover {
--ifm-heading-color: #041834; --ifm-heading-color: #041834;
} }

8
src/theme/DocCard/styles.module.css
View File

@@ -21,7 +21,7 @@
.cardTitle { .cardTitle {
--ifm-heading-margin-bottom: 8px; --ifm-heading-margin-bottom: 8px;
font-size: 1.125rem; font-size: 1.25rem;
font-weight: 600; font-weight: 600;
line-height: 1.666; line-height: 1.666;
} }
@@ -29,4 +29,10 @@
.cardDescription { .cardDescription {
color: var(--ifm-heading-color); color: var(--ifm-heading-color);
font-size: 1rem; font-size: 1rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: unset;
} }